chartjs线图点具有不同的颜色

时间:2019-03-05 15:54:00

标签: javascript angularjs chart.js

我正在为chart.js使用chartjs图,我关心的是折线图上的点,我需要根据数据范围为它们指定不同的颜色。任何人都可以帮助我如何更改fillcolor属性

function drawChart(placeholder, values1, labels1) {
    var plot = $.plot(placeholder,
        [{
                data: values1,
                label: label1,
                lines: {
                    show: true,
                    lineWidth: 2,
                    fill: true,

                },
                points: {
                    show: true,
                    lineWidth: 3,
                    fill: true,
                    fillColor: '#fafafa'
                }

            },
        });

1 个答案:

答案 0 :(得分:0)

我没有足够的细节来确定您的问题是否出在这里,但是您的代码语法不正确。

您应该拥有:

function drawChart(placeholder, values1, labels1) {
    var plot = $.plot(placeholder,
        [{
            data: values1,
            label: label1,
            lines: {
                show: true,
                lineWidth: 2,
                fill: true,

            },
            points: {
                show: true,
                lineWidth: 3,
                fill: true,
                fillColor: '#fafafa'
            }

        }]
    });
}