Alex,
One of our team-member will contact you soon over email.
— Vishwas R Team CanvasJS
@yansonalvin97,
You can update color in dataSeries level based on dropdown instead of updating colorSet to achieve this.
@danielz,
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?
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.
@tenjomo-herve,
Please take a look at this example on rendering chart from mysql database.
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.
@kinokatsu,
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.
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.
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?
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.
@DDietz,
Thanks for reporting the issue. We will look into the issue and fix it in future releases.
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.
@natasha11,
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?
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
Sorry, aligning text in stripline label to the center is not available as of now. We will consider it for future releases.