chartjs line graph points with different color

Question

I am using chartjs graph for angularjs my concern is the points on line graph i need to give them different colors based on ranges on data . can anyone help how can i do it to change fillcolor property

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'
                }

            },
        });

score 0 · Answer 1 · answered Mar 05 '19 at 15:56

0

I don't have enough detail to know if your problem comes from there but the syntax of your code is incorrect.

You should have :

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'
            }

        }]
    });
}

answered Mar 05 '19 at 15:56

Enzo B.

2,341
1
11
33

problem is the points on line are of same color , i want all of them different according to range – Shaharyar Jafri Mar 05 '19 at 16:00
This will help you ? https://stackoverflow.com/questions/28159595/chartjs-different-color-per-data-point – Enzo B. Mar 05 '19 at 16:04

chartjs line graph points with different color

1 Answers1