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

Question

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

有谁知道使用现成的库(如 Highcharts、gRaphael 或类似库)执行此操作的方法吗？我现在不想处理 D3 :)

fiddle : http://jsfiddle.net/xzpCV/

Answer 1

在 Highcharts 中，神奇的选项称为“阈值”。这将允许您让折线面积图开始在您想要的任何位置绘制负值。

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

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

fiddle : http://jsfiddle.net/xzpCV/1/