是否有可能將兩個Y軸組合成ChartJS 2的單個工具提示？

Question

假設我有兩個Y軸，標有「富」與「酒吧」。這些軸對應於沿着相同間隔的點，例如，在過去的12周裏，每週都會收集一些foos和酒吧的信息。理想情況下，你將鼠標懸停沿折線圖，這些點之一和工具提示會在兩個foo和bar問題顯示一週的數據;這是如果它沒有多於一個Y軸的話。實際上，您需要將鼠標懸停在單個點上才能查看該特定點的數據。

爲了清楚起見，這是我的圖表選項的樣子：

const CHART_OPTIONS = { 
    scales: 
    { 
    xAxes: [{ 
     ticks: { 
     display: false, 
     }, 
    }], 
    yAxes: [ 
     { 
     type: 'linear', 
     id: 'y-axis-0', 
     display: false, 
     position: 'left', 
     }, 
     { 
     type: 'linear', 
     id: 'y-axis-1', 
     display: false, 
     position: 'right', 
     }, 
    ], 
    }, 
}; 

圖表數據指定的y-axis-0和y-axis-1一個yAxisID分別。

對於那些誰沒有見過的圖表有兩個Y軸，I've prepared a simple example。

所以我的問題是，如果這可以用chart.js之2做什麼？

Answer 1

參考文獻：

Chartjs Docs: Tooltip Configuration - Interaction Modes

模式：指數 - 同一索引處查找項目。如果交叉設置爲真， 第一個交叉項被用於確定在數據 索引。如果相交false，則使用最近的項目來確定 索引。

更新圖表選項以包括工具提示配置。設置mode到index

tooltips : { 
    mode : 'index' 
}, 

更新的選項應該是這樣的。

const CHART_OPTIONS = { 
    tooltips : { 
    mode : 'index' 
    }, 
    scales: 
    { 
    xAxes: [{ 
     ticks: { 
     display: false, 
     }, 
    }], 
    yAxes: [ 
     { 
     type: 'linear', 
     id: 'y-axis-0', 
     display: false, 
     position: 'left', 
     }, 
     { 
     type: 'linear', 
     id: 'y-axis-1', 
     display: false, 
     position: 'right', 
     }, 
    ], 
    }, 
}; 

Check updated sample which include tooltips mode set to index