Chart.js折線圖的0線樣式

Question

我有一個用Chart.js編寫的帶有正負值的折線圖。 我正在嘗試為平行於X軸的0線提供一種顏色，而不影響其他圖表元素。

我的代碼：

line_chart_options: {
    responsive: false,
    maintainAspectRatio: true,
    multiTooltipTemplate: "<%= datasetLabel %>: $<%= addThousandCommas(value) %>",
    legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\">&nbsp;</span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
},

我試過了：

    scaleLineColor: "rgba(0,0,0,1)",

但這只是給軸着色，而不是0線。

如何為0線上色？

Answer 1

線條顏色是通過在您提供給圖表的數據集中設置填充顏色來處理的。 最值得注意的是fillColor，strokeColor和pointColor。

這是一個折線圖對象示例，它為圖表中的2條線/系列着色：

var obj=    {
                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 : 1,2,3,4,5,6,7]
                    },
                    {
                        label: "My Second dataset",
                        fillColor : "rgba(151,187,205,0.2)",
                        strokeColor : "rgba(151,187,205,1)",
                        pointColor : "rgba(151,187,205,1)",
                        pointStrokeColor : "#fff",
                        pointHighlightFill : "#fff",
                        pointHighlightStroke : "rgba(151,187,205,1)",
                        data : [1,2,3,4,5,6,7]
                    }
                ]

            };