[Manoj Mohan]

Samyukta,

Legends are shown for each dataSeries with a marker and the text. In your case, it shows same name in multiple colors as you are passing same name to multiple dataSeries. Parsing JSON properly and passing legendText / name according to the dataSeries that you are creating dynamically should work fine. Please take a look at this JSFiddle for an example on multi-series chart from JSON file.

—
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@pater,

Can you kindly share sample project along with sample CSV over Google-Drive or Onedrive so that we can look into your code, understand the scenario better and help you out?

—
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jason1028,

Setting exploded property to true will explode a slice of pie/doughnut on chart-render.
As you are reading data from database, you can add exploded property by checking the label. Please refer the code-snippet below. Adding the below snippet just before calling chart.render() should work fine in this case.

for(var i = 0; i < chart.options.data[0].dataPoints.length; i++)
    if(chart.options.data[0].dataPoints[i].label === "Visa")
        chart.options.data[0].dataPoints[i].exploded = true;

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@sanikahumbe,

It seems to be working fine without any issue. Please take a look at this working sample.

If you are still facing any issue, kindly share sample project reproducing the issue along with sample csv over Google-Drive or Onedrive so that we can understand the issue better and help you resolve the same.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jameela,

CanvasJS just renders the dataPoints in the order passed by you, it doesn’t sort the dataPoints. However with few lines of code, you can sort dataPoints to render chart with linear order of x as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@mutesummer,

Chart elements may look blur when either zoom within display setting of browser or windows is changed. Resetting zoom to 100% should work fine in this case. Also the look & feel of title, label and other text elements depends on font-family being used. You can try customizing the font-family of text by setting the fontFamily property.

If the issue still persists, kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into your code, understand the scenario better and help you out.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@sollinger,

Crosshair labels show the x or y axis values at the current mouse co-ordinates or to the nearest data points. However, you can format the crosshair label using labelFomatter.

If this doesn’t fulfill your requirements, can you kindly create a JSFiddle or provide a live example and brief us further about your requirement so that we can understand your scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@driven13,

Sorry, multi-series donut chart is not available as of now. However, you can draw one donut over another as shown in this JSFiddle.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

Michael,

Sorry, this feature is not available as of now.

—–
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@jameela,

Can you kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@igfarm,

You can use contentFormatter to customize the content of toolTip to show date-time in the desired format along with timestamp.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@michiulz,

There are no restrictions on the number of dataSeries in case of multi-series charts. Can you kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you out?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@tgshaik,

Can you kindly create JSFiddle reproducing the issue you are facing and share it with us so that we can look into the code, understand the scenario better and help you resolve the issue?

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@ahmedalsharbati,

It seems like you are trying to merge multiple html tags that has multiple window.onload – which might cause issue. Please take a look at this tutorial for merging two files in PHP.

Also, please refer this stackoverflow thread for more information about multiple window.onload in a single page.

—-
Manoj Mohan
Team CanvasJS

[Manoj Mohan]

@b_juarez,

Glad that you were able to figure out the issue. In order to get UTF-8 characters from the database, you can set CharacterSet to UTF-8 in the connection options as shown in this documentation page.

—–
Manoj Mohan
Team CanvasJS