Chart.js從另一個值填充折線圖不是0

我想改變填充藍色圖形的值，這裏是0.我想將它設置爲5例如，但我想綠色圖表保持爲0。Chart.js從另一個值填充折線圖不是0

這是我的圖表目前：

這是我用來繪製此圖中的數據：

var data = { 
    labels : arrayLabels, 
    datasets:[ 
    { 
     label: "CA", 
     backgroundColor: "rgba(26,179,148,0.1)", 
     borderColor: "rgba(26,179,148,0.7)", 
     pointBackgroundColor: "rgba(26,179,148,1)", 
     yAxisID: "y-axis-CA", 
     data: arrayCA 
    }, 
    { 
     label: "Marge", 
     backgroundColor: "rgba(46,95,255,0.1)", 
     borderColor: "rgba(46,95,255,0.7)", 
     pointBackgroundColor: "rgba(46,95,255,1)", 
     yAxisID: "y-axis-marge", 
     data: arrayMarge, 
     // -> here i would like to have something like: 
     // fillFrom : 5 
    }]};

我用chart.js之2，我該怎麼辦呢？謝謝

來源

2017-05-18 Benjamin Lucidarme

據我所知，沒有簡單的方法。如果你想創建一個自定義填充，你需要使用一個插件或者編寫大量的代碼來定製它。當我在尋找類似的事情

回到我碰到：

Chart JS Fill Between two lines

這不會做你尋找什麼，但你可以自定義圖表，以便它。

如果您創建了一個數據集，其中所有數據點位於5，然後使用基本選項使其不可見（0寬度，不顯示數據點等），您可以在該行和「合併」行之間填充。

位於上一個答案中的JSFiddle和代碼應該是實現它所需的一切。

來源

2017-05-18 13:46:56

謝謝，它按預期工作，但對我來說似乎很奇怪，沒有更直接的，更簡單的解決方案。 –

Chart.js從另一個值填充折線圖不是0

回答

相關問題