[Vishwas R]

@kinokatsu,

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

[Vishwas R]

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

[Vishwas R]

@yansonalvin97,

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

[Vishwas R]

@DDietz,

Thanks for reporting the issue. We will look into the issue and fix it in future releases.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@yansonalvin97,

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

[Vishwas R]

@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?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@kinokatsu,

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

[Vishwas R]

[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.

@DDietz,

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

[Vishwas R]

@psergey,

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

[Vishwas R]

@kinokatsu,

Yes, as there are only 2 dataPoints attached to secondary y-axis, it invalidates the zooming region over y-axis.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@sharavanaprakash1991,

Please refer this article on deploying MVC5 app in IIS. Also please check for the error you are getting and try troubleshooting it as mentioned in this page.

—
Vishwas R
Team CanvasJS

[Vishwas R]

@yansonalvin97,

You can modify and customize chart-options dynamically. Adding another dropdown to filter based on department/course should work fine if you handle chart-options accordingly. Below is the code snippet for the same.

var courseName = document.getElementById('courseName');
courseName.addEventListener( "change",  function(){
		var dataSeries;    
    for(var i= 0; i < data.length; i++){
        if(data[i].name === courseName.options[courseName.selectedIndex].value){        			
        			dataSeries = data[i];
              dataSeries.type = selectedChartType;
              chart.options.data = [];
              chart.options.data.push(dataSeries);
        }
        else if(courseName.options[courseName.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.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Marco,

Can you kindly create jsfiddle along with sample data, so that we can look into the issue and help you out?

—
Vishwas R
Team CanvasJS

[Vishwas R]

@danielz,

Please download the commercial version from My Account Page. Once downloaded, replacing trial version of the script with commercial version (canvasjs.min.js incase of Chart & canvasjs.stock.min.js incase of StockChart) should work fine. We recommend you to clear the browser cache and try refreshing the page after replacing the script.

—
Vishwas R
Team CanvasJS

[Vishwas R]

Alex,

Please check this stackoverflow thread where it says pure JS also works with SPFx. Can you kindly include jquery.canvasjs.min.js and check if that works fine in your case. Incase if you have included jquery.canvasjs.js, kindly include canvasjs.js along with jquery.canvasjs.js.

—
Vishwas R
Team CanvasJS