Sets opacity of the filled color.
var chart = new CanvasJS.Chart("container",
{
.
.
data:[{
type : "area",
fillOpacity: .3,
},
]
.
.
});
chart.render();
Also See:
Comments 9
Server Side Technologies |
Front End Technologies |
Contact |
|
|---|---|---|---|
| ASP.NET MVC Charts | JavaScript Charts | FAQs | |
| PHP Charts | jQuery Charts | Sales Enquiries | |
| Spring MVC Charts | React Charts | Support Forum | |
| JSP Charts | Angular Charts | Careers | |
| JavaScript StockCharts | |||
Privacy Policy © fenopix
fillOpacity is not working in case of Line Charts . Can we make it work ?
shravan,
fillOpacity applies only to filled areas like in case of area, column, etc. Hence it does not apply to line charts.
Hi, can we change the fillOpacity color, so it would be different than the chart’s color?
fillOpacity applied to the dataSeries/dataPoint. Color remains same as the default or user set value – color property on dataSeries/dataPoint. May I know what you mean by fillOpacity Color??
I mean it would be great to add an option to change the fill color, making it independent from the area chart color. For example, the area line could be blue, and the fill color red.
This feature is not available yet. It will be a nice feature to have. We’ll consider adding into our future version.
is there a way to turn off opacity on hover?
Are you looking for highlightEnabled
that is exactly what I am looking for. Thank you Sanjoy.