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而不使用选项,因此使用默认选项。 下面是一个示例,其中显示了工作代码


有关定义自定义颜色的正确方法,请参见或在上面的提琴中。

好吧,这将解释很多!当我有机会尝试时,我会把它标记为正确的。好吧,这将解释很多!当我有机会试一试时,我会把它标记为正确的。