jqPlot - 如何更改负色

时间:2011-03-25 09:29:23

标签: javascript jquery jqplot

我正在使用 jqPlot 绘制区域图,系列默认值 fill: true, fillToZero: true useNegativeColors默认为{ {1}}。我可以更改truecolor,但我找不到如何在零x轴下更改线颜色填充颜色的方法线。我想要一个带绿色和负值红色的正值。目前负值默认为蓝色。这是jqPlot选项:

fillColor

修改:添加信息:当前为负值,默认为蓝色

1 个答案:

答案 0 :(得分:8)

我刚在源代码中找到了类似的东西:

this.negativeSeriesColors = [ "#498991", "#C08840", "#9F9274", "#546D61", "#646C4A", "#6F6621", "#6E3F5F", "#4F64B0", "#A89050", "#C45923", "#187399", "#945381", "#959E5C", "#C7AF7B", "#478396", "#907294"];

在fillToZero示例中提到:http://www.jqplot.com/tests/fillToZero.php

fillToZero系列选项将创建一个图表,其中线条或条形向下或向上填充零轴线。低于零的线部分将比高于零的部分更暗。可以使用“negativeSeriesColors”选项自定义这些颜色。正值根据“seriesColors”选项着色。

但文档中没有所有可用选项。

所以我添加了这样的负面颜色:

var chartOptions = {
    ...,
    negativeSeriesColors: ["#F94545", ...],
};
$.jqplot('chart1', data, chartOptions);