Sets the thickness of line in line charts and area charts.
var chart = new CanvasJS.Chart("container",
Below is one more example with combination charts
Could we change bar or column thickness (making thinner)?
I would like to know this as well. Is there anyway to make the bar on the Column Chart thinner ?
can we give border to doughnut
As of now doughnut does not support border.
I would like to know this too.
Yes you can control the thickness of Column/Bar chart by using dataPointMaxWidth.
Please Note : dataPointMaxWidth is supported only since v1.7
Thanks for your reply Naveen. This is the most flexible chart I have used so far. You can even extract data from database and display them in chart.
How to apply “dashed line” or “dotted line” with Canvasjs line chart?
As of now dashed lines are not available in the library.
Update: Dashed Lines are now supported in v1.7. Please checkout lineDashType
+1 for dashed lines!
Any idea when this will be implemented? We need to plot forecasted data which we currently represent as a dashed line. In addition to the forecasted data we plot actual data in the same chart which would be displayed as a normal line. We are also open to suggestions for alternatives in representing actual data + forecasted data in the same chart. Thanks.
Sorry, as of now we don’t have any time line for dashed line. For now best option would be to differentiate using lineThickness and color.
Please see http://abacharts.com. After you click the start button, why is the line so thick in the beginning? Then it gets thin after about 45 seconds. I want it to be thin all the time, but it is ignoring my lineThickness setting of 1 until 45 seconds or so into the chart.
I guess its the markers on line which are too close to each other. By default Chart shows markers when there are less dataPoints in chart and then removes them where the numbers increase. You can override this behavior by setting markerSize to 0.
Thanks I set markerType to “none” and it fixed the problem.