我正在嘗試使用 ChartJS 和 Vue-chartJS 包裝器在 VueJS 中呈現圖表。我需要的是以特定方式設定特定線段的樣式（例如，如果該值不可用，則線段將以虛線/不同顏色顯示）。我查看了 chart.js 檔案，其中指出：
segment: {
borderColor: ctx => skipped(ctx, 'rgb(0,0,0,0.2)') || down(ctx, 'rgb(192,75,75)'),
borderDash: ctx => skipped(ctx, [6, 6]),
},
在哪里，
const skipped = (ctx, value) => ctx.p0.skip || ctx.p1.skip ? value : undefined;
const down = (ctx, value) => ctx.p0.parsed.y > ctx.p1.parsed.y ? value : undefined;
現在我嘗試在 Vue-chartJS 中實作它，但這似乎不起作用。我也無權訪問 ctx 變數。誰能幫我？我正在使用 ChartJS 2.7.1 和 Vue Chart 3.5.1，這是我的代碼：
this.datacollectionLine = {
labels: this.labelLine,
datasets: [
{
data: this.chartData,
label: "Patient Details",
backgroundColor: "#2b4c99",
fill: false,
borderColor: "rgb(43, 76, 153)",
tension: 0.1,
pointRadius: 0.1,
borderWidth: 2,
},
],
},
uj5u.com熱心網友回復：
線段樣式僅在 Chart.js 版本 3 中可用。因此，要使用它，您需要放棄 vue 包裝器并使用 chart.js 準系統，或者您需要切換到支持 chart.js V3 的包裝器，如vue-圖表 3 .
請記住，chart.js V3 與 V2 相比有一些重大的重大更改，因此您需要重寫代碼。有關這方面的更多資訊，您可以閱讀遷移指南。
如果您想繼續使用 chart.js 的 V2，我建議您閱讀V2 檔案而不是 V3 版本
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/426738.html