這讓我發瘋了。
我有一張來自 的圖表vue-chart，chartData加載正確，圖表顯示正確，但options絕對沒有考慮在內，盡管在renderChart通話結束時將它們靜態設定。
這是使用vue2// chartjs 2.9.4。vue-chartjs 3.5.1
<script>
import { Line, mixins } from 'vue-chartjs'
const {reactiveProp} = mixins;
export default {
extends: Line,
mixins: [reactiveProp],
mounted () {
this.doRenderChart();
},
methods: {
doRenderChart() {
this.renderChart(this.chartData, {
responsive: true,
plugins: {
title: {
display: true,
text: (ctx) => 'My Title'
},
tooltip: {
mode: 'index'
},
},
})
}
},
}
</script>
任何人都可以幫忙嗎？
大多數其他類似的主題都是{options: {actualoptions}}物件問題，但這里不是這樣。
可能是版本問題？vue-chart 3.5.1在其他庫在 v2 時使用？但是該檔案沒有對此進行任何說明。
感謝您的支持
uj5u.com熱心網友回復：
您在使用 V2 時使用的是 chart.js 的 V3 語法，因此無法正常作業。在 V2 中，titleandtooltip配置必須位于選項物件的根目錄，并且tooltip必須重命名為tooltips.
對于所有檔案，您可以閱讀 V2 配置以查看在何處指定內容：https ://www.chartjs.org/docs/2.9.4/
或者您可以反向使用遷移指南：https ://www.chartjs.org/docs/master/getting-started/v3-migration.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/417287.html
標籤：
上一篇：無法查看克隆值