Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqPlot-如何更改负片颜色_Javascript_Jquery_Jqplot - Fatal编程技术网

Javascript jqPlot-如何更改负片颜色

Javascript jqPlot-如何更改负片颜色,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我正在使用jqPlot绘制一个带有系列默认值的面积图fill:true,fillToZero:true带有useNegativeColors默认值为true。我可以更改颜色和填充颜色,但我没有找到如何更改零x轴线以下的线条颜色或填充颜色的方法。我想要一个绿色的正值和一个红色的负值。当前负值默认为蓝色。以下是jqPlot选项: var chartOptions = { title: { show: false }, axesDefaults: { show: fal

我正在使用jqPlot绘制一个带有系列默认值的面积图
fill:true,fillToZero:true
带有
useNegativeColors
默认值为
true
。我可以更改
颜色
填充颜色
,但我没有找到如何更改零x轴线以下的线条颜色或填充颜色的方法。我想要一个绿色的正值和一个红色的负值。当前负值默认为蓝色。以下是jqPlot选项:

var chartOptions = {
    title: { show: false },
    axesDefaults: {
        show: false,
        showGridline: false,
        borderWidth: 0,
        showTicks: false,
        showTickMarks: false,
        tickOptions: {
            show: false,
            showLabel: false,
            showMark: false,
            showGridline: false
        }
    },
    axes: {
        xaxis: { min: 0, max: 10 },
        yaxis: { min: -5, max: 5 }
    },
    seriesDefaults: {
        fill: true,
        fillToZero: true,
        fillAndStroke: true,
        color: "rgba(190,230,110, 0.8)",
        fillColor: "rgba(206,236,145, 0.8)",
        shadow: false,
        showMarker: false,
        lineWidth: 1,
        rendererOptions: {
            highlightMouseOver: false
        }
    },
    legend: { show: false },
    grid: {
        drawGridLines: false,
        background: "rgba(255,255,255,0)",
        shadow: false
    }
};

编辑:添加信息:当前负值默认为蓝色

我刚在源代码中找到它,类似于:

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

fillToZero系列选项将创建一个图表,其中直线或条形向零轴线向下或向上填充。线的零下部分将比零上部分暗。这些颜色可以通过“negativeSeriesColors”选项进行定制。正值根据“SeriesColor”选项着色

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

所以我添加了负片颜色,如下所示:

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