javascript - 创建使用 50 作为负阈值的 0-50-100 百分比面积折线图

Question

我想建立一个显示百分分数的图表。面积线图似乎很合适，一些库支持负值。我想做这样的事情：http ://www.highcharts.com/demo/area-negative/skies ，但设置50为基线。这样，图表将显示人们与人口中位数的关系，而不是与 0 的关系。

任何人都知道如何使用像 Highcharts、gRaphael 或类似的现成库来做到这一点？我现在不想处理 D3 :)

小提琴：http: //jsfiddle.net/xzpCV/

Answer 1

在 Highcharts 中，魔术选项称为“阈值”。这将允许您让折线图在您想要的任何地方开始绘制负值。

谢谢，很棒的 AP​​I 文档！ http://api.highcharts.com/highcharts#plotOptions.area.threshold

plotOptions: {
            series: {
                negativeFillColor: 'pink',
                threshold: 50
            }
        },

小提琴：http: //jsfiddle.net/xzpCV/1/