Praveen,
Here are solutions to have same charts in morethan one div by passing same chart-options. Check these solution 1 and solution 2.
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.
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
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.
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
Callam,
Can you please try using this latest build and let us know if it worked.
—
Vishwas R
Team CanvasJS
Danny,
Can you please try using this latest build and let us know if it worked.
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
Kindly check the example from the fiddle. Here is the screenshot of the working fiddle.
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
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.
We checked and observed that fontSize is working fine across all browsers including Edge. Here is the screenshot with fontSize set to 30.
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