更改 flot.js 中线条的颜色

Question

我有一个包含每个月数据的折线图。无论我在选项列表中的哪个位置添加颜色选项，甚至作为数据的一部分，该行仍然是默认的黄色。

这是使用默认设置的代码。

需要在什么地方添加颜色变量才能显示

  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
                                    }

                                }

Answer 1

将 ) 从 [plotdata] 后面移动到选项对象的末尾：

$.plot('#placeholder', [plotData]), {
                                 ^

就像现在一样，您调用不带选项的绘图，因此使用默认选项。这是显示工作代码的 fiddle。

定义自定义颜色的正确方法，参见here或上述fiddle。

更改 flot.js 中线条的颜色

Change the color of a line in flot.js

javascript

jquery

flot