Chart.js: установить различные параметры для наборов данных

Question

ФОН

Я хотел бы достичь, как показано на изображении ниже с помощью Chartjs Линии диаграммы. Две линии, одна с точками и одна без точек. Я думаю, что решением этого было бы установить различные свойства параметров для двух наборов данных (строк).

ПРОБЛЕМА

Диаграмма вариантов набора данных устанавливается глобально для всей диаграммы. Мне не удается установить разные параметры для двух наборов данных.

Answer 1

это может быть достигнуто путем установки непрозрачности точек на 0, чтобы они не показывать.

var data = { 
 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
 
    datasets: [{ 
 
    label: "My First dataset", 
 
    fillColor: "rgba(220,220,220,0.2)", 
 
    strokeColor: "rgba(220,220,220,1)", 
 
    pointColor: "rgba(220,220,220,1)", 
 
    pointStrokeColor: "#fff", 
 
    pointHighlightFill: "#fff", 
 
    pointHighlightStroke: "rgba(220,220,220,1)", 
 
    data: [65, 59, 80, 81, 56, 55, 40] 
 
    }, { 
 
    label: "My Second dataset", 
 
    fillColor: "rgba(151,187,205,0.2)", 
 
    strokeColor: "rgba(151,187,205,1)", 
 
    pointColor: "rgba(0,0,0,0)", 
 
    pointStrokeColor: "rgba(0,0,0,0)", 
 
    pointHighlightFill: "rgba(0,0,0,0)", 
 
    pointHighlightStroke: "rgba(0,0,0,0)", 
 
    data: [28, 48, 40, 19, 86, 27, 90] 
 
    }] 
 
}; 
 

 

 

 
var chart_canvas = document.getElementById("canvas").getContext("2d"); 
 
var line_chart = new Chart(chart_canvas).Line(data);

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.js"></script> 
 
<canvas id="canvas" height="450" width="600"></canvas>