給定: 在下面的示例中,創(chuàng)建了帶有實線、虛線和自定義工具提示的折線圖。問題 如果受影響的線是實線或虛線,我們?nèi)绾螐淖远x回調(diào)內(nèi)部訪問?基本上我想從自定義回調(diào)中知道數(shù)據(jù)集中的屬性“borderDash”是否存在。var s1 = { label: 'A', data: [{ x: '2020-05-11T04:58:37Z', y: 25, }, { x: '2020-05-11T04:59:17Z', y: 27, }, { x: '2020-05-11T04:59:57Z', y: 21, }, { x: '2020-05-11T05:00:37Z', y: 21, }, { x: '2020-05-11T05:01:17Z', y: 21, }, { x: '2020-05-11T05:01:57Z', y: 0.04, } ], borderDash: [10, 5]};var s2 = { label: 'B', data: [{ x: '2020-05-11T04:58:37Z', y: 28, }, { x: '2020-05-11T04:59:17Z', y: 31, }, { x: '2020-05-11T04:59:57Z', y: 27, }, { x: '2020-05-11T05:00:37Z', y: 30, }, { x: '2020-05-11T05:00:57Z', y: 30, }, { x: '2020-05-11T05:01:17Z', y: 0.033, } ]};var customTooltips = function(tooltip) { //** //* QUESTION: How to get info if line is dotted or solid? //** // Tooltip Element var tooltipEl = document.getElementById('chartjs-tooltip'); if (!tooltipEl) { tooltipEl = document.createElement('div'); tooltipEl.id = 'chartjs-tooltip'; tooltipEl.innerHTML = '<table></table>'; this._chart.canvas.parentNode.appendChild(tooltipEl); } // Hide if no tooltip if (tooltip.opacity === 0) { tooltipEl.style.opacity = 0; return; } // Set caret Position tooltipEl.classList.remove('above', 'below', 'no-transform'); if (tooltip.yAlign) { tooltipEl.classList.add(tooltip.yAlign); } else { tooltipEl.classList.add('no-transform'); }<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"></script><canvas id="myChart" height="100"></canvas>
Chartjs - 如何在自定義工具提示回調(diào)中訪問圖表實例
慕運維8079593
2023-09-07 16:21:55