Question

我有两个小提琴 - first和second。

在我写的第一篇 -

var chart = $('#container').highcharts();
chart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'N']);

这个代码在第一个if块中，在第二个中我已经用不同的if块写了这个代码。

我怀疑的是，为什么只有在第二个类别中，选择DATA SET B时才会改变类别

请指导。

Answer 1

添加此内容 -

$("#list").on('change', function(){
      var selVal = $("#list").val();
    if(selVal == "B")
    {
    var chart = $('#container').highcharts();
    chart.xAxis[0].setCategories(['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D']);
    }
});

这里是小提琴 - fiddle

Answer 2

您可以完全删除该按钮并执行以下操作：

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
            xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
        },
    series: [{name: 'A', data: [1,2,3,2,1]}]
};
var chart = new Highcharts.Chart(options);

$("#list").on('change', function(){
    var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'column'
    },
            xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
        },
    series: [{name: 'A', data: [1,2,3,2,1]}]
};
var chart = new Highcharts.Chart(options);
    //alert('f')
    var selVal = $("#list").val();
    if(selVal == "A" || selVal == '')
    {
        options.series = [{name: 'A', data: [1,2,3,2,1]}]
    }
    else if(selVal == "B")
    {
        options.series = [{name: 'B', data: [3,2,1,2,3]}]

         chart.xAxis[0].setCategories(['r', 'F', 'M', 'A', 'M']);
    }
    else if(selVal == "C")
    {
        options.series = [{name: 'C', data: [5,4,8,7,6]}]
    } 
    else
    {
        options.series = [{name: 'D', data: [4,7,9,6,2]}]
    }  
    var chart = new Highcharts.Chart(options);    
});

系列和类别数据不会动态变化

2 个答案: