[Vishwas R]

Can you kindly create a jsfiddle, so that we can look into the issue and help you out?

[Vishwas R]

HeavyThumper,

You have to initialize the chart on shown.bs.collapse event in bootstrap. Here is an example.

[Vishwas R]

Praveen,

Here are solutions to have same charts in morethan one div by passing same chart-options. Check these solution 1 and solution 2.

[Vishwas R]

It seems to be working fine in all stable versions of Microsoft Edge. We observed that Microsoft Edge v38 is available in Windows 10 preview release, which is not stable. So we recommend you to use latest stable version and check if it works fine.

[Vishwas R]

Callam,

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
Team CanvasJS

[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 8 years, 6 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.