更改HighCharts中的数据类-JQuery/JavaScript

更改HighCharts中的数据类-JQuery/JavaScript,jquery,highcharts,Jquery,Highcharts,] }) 我们的最终用户可以修改低阈值和高阈值,基本上尝试在图表上显示绿色、黄色或红色时更改颜色范围。我是HighCharts新手,不知道如何编程我在JQuery中更改颜色范围?以上是完整的代码查看API我没有看到直接的方法。我认为您需要重新定义您的选项,销毁当前图表,并使用更新的选项创建一个新图表。好的,谢谢所以我想我现在该怎么做销毁了,但是我不清楚该怎么用JQuery创建上面的图表?我想我明白了!!!-谢谢colorAxis与任何其他轴相同。只需尝试使用chart.colorAxis[0].

]

})


我们的最终用户可以修改低阈值和高阈值,基本上尝试在图表上显示绿色、黄色或红色时更改颜色范围。我是HighCharts新手,不知道如何编程我在JQuery中更改颜色范围?

以上是完整的代码查看API我没有看到直接的方法。我认为您需要重新定义您的选项,销毁当前图表,并使用更新的选项创建一个新图表。好的,谢谢所以我想我现在该怎么做销毁了,但是我不清楚该怎么用JQuery创建上面的图表?我想我明白了!!!-谢谢colorAxis与任何其他轴相同。只需尝试使用chart.colorAxis[0].updatenew\u options;。但是,这是一辆小马车,请参见。
dataClasses: [
{
    from: 0,
    color: '#09ad00'
}, {
    from: chartData.lowThreshold + 1,
    color: '#DDDF0D'
}, {
    from: chartData.highThreshold,
    color: '#d00000'
}
$CHART_CONTAINER.highcharts(Highcharts.merge(solidGaugeOptions, {
colorAxis: {

},
yAxis: {
    labels: {
        formatter: function () {
            return Highcharts.numberFormat(this.value, 0, '', '');
        }
    },
    tickInterval: chartData.total,
    endOnTick: false,
    maxPadding: 0,
    min: 0,
    max: chartData.total,
    dataClasses: [
        {
            from: 0,
            color: '#09ad00'
        }, {
            from: chartData.lowThreshold + 1,
            color: '#DDDF0D'
        }, {
            from: chartData.highThreshold,
            color: '#d00000'
        }
    ]
},
series: [
    {
        data: [chartData.currentData],
        dataLabels: {
            enabled: true,
            format: '<div class="gauge-data-label"><span class="gauge-data-number" >{y}</span><hr><small class="gauge-data-description">Doors</small></div>'
        }
    }
]