Javascript jqPlot-如何更改负片颜色
我正在使用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
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);