You can update color in dataSeries level based on dropdown instead of updating colorSet to achieve this.
—
Vishwas R
Team CanvasJS
Can you kindly share sample project along with sample data over google-drive or onedrive so that we can understand your requirements better and help you out?
—
Vishwas R
Team CanvasJS
CanvasJS supports updating chart-options dynamically. Just like the way you were able to change chart-type dynamically from the dropdown-opitons, you can update legendText & title-text aswell. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS
Please take a look at this example on rendering chart from mysql database.
—
Vishwas R
Team CanvasJS
You can update all available chart-options dynamically. Just like the way you were able to change chart-type from dropdown you can change colorset aswell. Please take a look at this jsfiddle.
—
Vishwas R
Team CanvasJS
Do you mean showing axisY line? If so, varying axisX minimum slightly will make it visible. axisY line is not visible due to minimum set in axisX. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS
You can attach an empty dataSeries to axisY2 and set minimum and maximum to that of axisY using set method. Please take a look at this updated jsfiddle.
—
Vishwas R
Team CanvasJS
Alex,
Can you kindly share a sample project along with sample data over google-drive or one-drive so that we can look into your code, understand it better and help you out?
—
Vishwas R
Team CanvasJS
Incase of multiseries chart, there will be only one chart-container and multiple dataSeries. Whereas if you like to have 3 different pie charts there should be 3 different chart-containers. You can achieve this by creating 3 separate chart-containers and 3 different charts using the existing chart-options and updating it back again when other chart-type is selected. Please take a look at this jsfiddle.
—
Vishwas R
Team CanvasJS
Thanks for reporting the issue. We will look into the issue and fix it in future releases.
—
Vishwas R
Team CanvasJS
You can add dropdown to either course or college or based on both and updating the chart options according to the drop-down option that has been selected will work fine. Please find the code-snippet below.
var data = chart.options.data;
var selectedChartType = 'stackedColumn';
var chartType = document.getElementById('chartType');
chartType.addEventListener( "change", function(){
selectedChartType = chartType.options[chartType.selectedIndex].value;
for(var i= 0; i < chart.options.data.length; i++){
chart.options.data[i].type = chartType.options[chartType.selectedIndex].value;
}
chart.render();
});
var college = document.getElementById('college');
college.addEventListener( "change", function(){
var dataSeries;
chart.options.data = [];
for(var i= 0; i < data.length; i++){
if(data[i].college === college.options[college.selectedIndex].value){
dataSeries = data[i];
dataSeries.type = selectedChartType;
chart.options.data.push(dataSeries);
}
else if(college.options[college.selectedIndex].value === ""){
for(var i = 0; i < data.length; i++){
data[i].type = selectedChartType;
}
chart.options.data = data;
}
}
chart.render();
});
Please take a look at this updated JSFiddle for complete code.
—
Vishwas R
Team CanvasJS
It seems like dataPoints are not being updated properly.
Can you kindly share the sample project with sample JSON over google-drive or onedrive so that we can understand it better and help you out?
—
Vishwas R
Team CanvasJS
In the current approach that you are following, label to the right extreme gets clipped as you are setting axis maximum. To overcome this, either you can rotate labels or increase axis maximum by 20-30minutes. Please take a look at this updated jsfiddle
—
Vishwas R
Team CanvasJS
[UPDATE]
We have released Chart v3.9.0GA with stripline labelTextAlign property that lets you align the stripline label. Please refer to the release blog for more information.
Sorry, aligning text in stripline label to the center is not available as of now. We will consider it for future releases.
—
Vishwas R
Team CanvasJS
You can set interval to 1 to avoid showing values between the dataPoint x-values. Please take a look at this updated JSFiddle. Alternately, you can also use labels instead of x to do the same as shown in this JSFiddle.
—
Vishwas R
Team CanvasJS