更改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>'
}
}
]