This example demonstrates how to create a simple Bar Chart using CanvasJS Chart plugin for jQuery. You can further customize these charts to enable features like Zooming, Panning, Exporting, etc. To know more about the available features please refer to our getting started section.
Once the chart has been rendered, you can get a reference to it by calling CanvasJSChart method on the DOM element without passing any parameter as shown below. Once you have the reference you can update the chart by changing its options.
var chart = $(".chartContainer").CanvasJSChart();
chart.options.title.text += ": Updated";
chart.render();
Please look into the reference section for all the supported options.
5 Comments
i want bar chart with percentage one will display with percentage and another one without percentage
Nethaji,
You can set toolTipContent: “{y}%” to show display with percentage. Here is an example or You can use stacked chart to show percentage.
no iam not ask this i want column two bar column chart one is display the count and another one is displaying count percentage.
Do you mean to say you need two bar series (multi series) in the same chart with one showing count and another showing percentage?? If yes, here is an example.
ok thankyou