Javascript 在flot.js中更改行的颜色
我有一个带有每个月数据的折线图。无论我在选项列表中的何处添加颜色选项,甚至作为数据的一部分,该行仍然是默认的黄色 下面是使用默认值的代码 我需要在何处添加颜色变量以使其显示Javascript 在flot.js中更改行的颜色,javascript,jquery,flot,Javascript,Jquery,Flot,我有一个带有每个月数据的折线图。无论我在选项列表中的何处添加颜色选项,甚至作为数据的一部分,该行仍然是默认的黄色 下面是使用默认值的代码 我需要在何处添加颜色变量以使其显示 var plotData = [[1, data.data['Jan']], [2, data.data['Feb']], [3, data.data['Mar']], [4, data.data['Apr']], [5, data.data['May']], [6, data.data['June']], [7, da
var plotData = [[1, data.data['Jan']], [2, data.data['Feb']], [3, data.data['Mar']], [4, data.data['Apr']], [5, data.data['May']], [6, data.data['June']], [7, data.data['July']], [8, data.data['Aug']], [9, data.data['Sep']], [10, data.data['Oct']], [11, data.data['Nov']], [12, data.data['Dec']]];
$.plot('#placeholder', [plotData]), {
series: {
lines: {
show: true,
lineWidth: 4,
},
points: {
show: true
},
shadowSize: 0
},
grid: {
hoverable: true,
clickable: false,
borderColor: '#EDEDED',
borderWidth: 1,
labelMargin: 15,
backgroundColor: '#FFF'
},
yaxis: {
min: 0,
color: '#EDEDED'
},
xaxis: {
color: '#FFF',
},
legend: {
show: false
},
tooltip: true,
tooltipOpts: {
content: '%x: %y',
shifts: {
x: -30,
y: 25
},
defaultTheme: false
}
}
将)
从[plotdata]
后面移动到选项对象的末尾:
$.plot('#placeholder', [plotData]), {
^
正如现在一样,您调用plot而不使用选项,因此使用默认选项。
下面是一个示例,其中显示了工作代码
有关定义自定义颜色的正确方法,请参见或在上面的提琴中。将)
从[plotdata]
后面移动到选项对象的末尾:
$.plot('#placeholder', [plotData]), {
^
正如现在一样,您调用plot而不使用选项,因此使用默认选项。
下面是一个示例,其中显示了工作代码
有关定义自定义颜色的正确方法,请参见或在上面的提琴中。好吧,这将解释很多!当我有机会尝试时,我会把它标记为正确的。好吧,这将解释很多!当我有机会试一试时,我会把它标记为正确的。