As seen in stackoverFlow post, you haven’t set indexLabelPlacement property for pie. You’ll have to set indexLabelPlacement to “inside” for both pie and doughnut chart. Please create a jsFiddle if it still doesn’t fix the issue.
As of now, we don’t have property to set padding between axis Labels and title.
You’re setting the color of entire dataSeries. That’s why whole pie chart is shown in single color.
color: scopes.chart_color_value[i],
Remove above line from scopes.dataset.push() and add it inside scopes.inner_chart_data.push();
for (var j = 0; j < data[0].data.length; j++) {
scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, color: scopes.chart_color_value[j],y: data[0].data[j]._attr.value._value });
}
scopes.dataset.push({
type: "pie",
markerType: "circle",
markerSize: scopes.markersize,
showInLegend: false,
name: scopes.legend_text,
dataPoints: scopes.inner_chart_data
});
For you second query, doughnut chart is not multi series chart like line chart. That’s why you don’t get 2 charts.
You can use stripLine to show different color in plotArea inside chart while using different backgroundColor for entire chart. Please take a look at this fiddle.
————-
Bivek Singh,
Team CanvasJS
RockStrongo
This feature is not available, as of now.
Bryan,
Can you please create jsFiddle showing your issue? This would help us understand your problem in better way.
Bryan,
Please take a look at this jsFiddle.
For security reasons, browsers restrict cross-origin requests.
To access JSON from different domain, you can refer to JSONP.
You can also take a look at this jsFiddle.
—
Bivek
henryng24
We checked your image and doubt what chart type are you using as we don’t have border color for line or spline charts. It seems to be range Spline Area chart. Can you please create jsFiddle that reproduces the issue, so that we can look into it and resolve it?
Please take a look at this jsFiddle.
When you set viewport manually, the viewport actually starts from the point that you provide. In some cases(Eg: column/bar) datapoints require some width in order to represent themselves on the axis.
If you want to display all the attached dataseries (in case of multi-series column/bar chart) with manual viewport, set it to half of interval (which in your case is 0.5) less/more than expected viewport value.
It looks wavy because there are too many dataPoints which are updating with very short interval. Please increase updateInterval to avoid this effect.