如何在highcharts的bar chart中用lighting的效果展示它正在进步

Question

I really want to know how to make it like images below in highcharts.
Have a good day.

enter image description here

Answer 1

您可以使用 xrange 系列与 partialFill 属性: https://jsfiddle.net/BlackLabel/nhoxj4tk/ 或简单的 bar 系列与 plotBands:

series: [{
    type: 'bar',
    pointPadding: 0,
    groupPadding: 0,
    data: [12]
}],
yAxis: {
    max: 20,
    plotBands: [{
        color: 'yellow',
        from: 0,
        to: 20
    }]
}

现场演示： http://jsfiddle.net/BlackLabel/ao3v6h15/

API参考：https://api.highcharts.com/highcharts/yAxis.plotBands

如何在highcharts的bar chart中用lighting的效果展示它正在进步

How to show it is progressing with the effect of lighting in bar chart in highcharts

loading

highcharts