[Vishwas R]

Danny,

We have just released v1.8.1 GA. Kindly download the latest version and let us know your feedback. Refer to the release blog for more information.

[Vishwas R]

Extrabeefy,

To start both axis at 0 you can set axisX minimum and axisY minimum to 0 as shown in the code snippet below –

axisX: {
   minimum: 0
 },
 axisY: {
   minimum: 0
 },

Also, kindly take a look at this JSFiddle for a complete working code.

[Vishwas R]

Arjun,

Here is an example for pie/doughnut charts without indexLabels. If your requirement is not to show legends, you can set showInLegend to false (defaults to false),if you have set it to true. Please check out the code-snippet below.

 data: [
    {
      type: "pie",
      showInLegend: true,
      toolTipContent: "{legendText}",
      dataPoints: [
        {  y: 36, legendText: "apple" },
        {  y: 17, legendText: "mango" },
        {  y: 16, legendText: "orange" },
        {  y: 9, legendText: "butter fruit" },
        {  y: 8, legnedText: "grapes" },
        {  y: 7, legendText: "melons" },
        {  y: 7, legendText: "pineapple"}

      ]
    }
  ]

If this doesn’t fulfill your requirement, pictorial representation would help us to understand and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@ask123,

Kindly update the code with absolute path of the CSV-file, so that we can look into it and help you out.

Refer this JSFiddle for rendering multiple charts from multiple external CSV.

—-
Vishwas R
Team CanvasJS

[Vishwas R]

Callam,

Can you please try using this latest build and let us know if it worked.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Danny,

Can you please try using this latest build and let us know if it worked.

[Vishwas R]

@ask123,

Generally JavaScript code will function in the head before code in the body. The head section is usually used to contain information about the page that you don’t necessarily see like the meta keywords meta description or title of a page.

Here in your case, Buttons with id ‘chart1’ and ‘chart2’ are created after script is run, but where it fails to fetch buttons with those ids. You can move script tag to body so that it works fine. Here is your working code.

Refer these links for more info on placement of JavaScript code.
TutorialPoints
W3Schools
Stackoverflow

—-
Vishwas R
Team CanvasJS

• This reply was modified 9 years, 3 months ago by Vishwas R.

[Vishwas R]

Kindly check the example from the fiddle. Here is the screenshot of the working fiddle.

[Vishwas R]

@ask123,

You can load data from multiple external CSV files using AJAX request. Please take a look at this documentation page for step-to-step tutorial on rendering chart with data from CSV file. Also refer to this JSFiddle for an example on rendering single chart with data from multiple CSV files.

—
Vishwas R
Team CanvasJS

[Vishwas R]

You can remove dps.shift from the example to avoid shifting. Check this example.

And you can remove setInterval to avoid update of charge based on time-basis and you can manually push y-value to dataPoints and render chart whenever you get y-value.

[Vishwas R]

We checked and observed that fontSize is working fine across all browsers including Edge. Here is the screenshot with fontSize set to 30.

[Vishwas R]

Callam,

Earlier we had come across a similar issue with Chrome when Canvas is GPU accelerated (default). Google fixed the issue after sometime.

Please try disabling GPU accelerated rendering in Chrome and see if it helps.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Callam,

We observed that the JSFiddle you have created seems to be working fine across all browsers.

If the issue persists, kindly share the OS details along with chrome version you are using so that we can test it, understand the scenario better and help you out.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@justxtasy,

You can build datapoints JSON as shown below.

$.each(data, function (i, item) {
    dps.push({label: item.ProfileName, y: item.TotalCustomer});
});

Please take a look at this JSFiddle for an example.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Callam,

It would help us if you can provide us the working fiddle of the issue along with proper JSON-data.

Here is an example to give you an idea on using external JSON in JSFiddle.

—
Vishwas R
Team CanvasJS