Vuejs × TypeScript × chartjsで「Object literal may only specify known properties, and ‘tension’ does not exist in type ‘ChartDataSets’.」がでる時の対処法
typejsでchartjsを扱う際に上記のエラーが出てきた。
該当のソースコードは下記。
1 2 3 4 5 6 7 8 9 10 11 12 13 |
chartData = { labels: ['ラベル1','ラベル2','ラベル3'], datasets: [ { type: "line", label: "ラベル名", data: [1,2,3], fill: false, tension: 0, // ここが誤り borderColor: "#00008b", } ] }; |
「tension」が誤りで下記のように「lineTension」とする必要がある
1 2 3 4 5 6 7 8 9 10 11 12 13 |
chartData = { labels: ['ラベル1','ラベル2','ラベル3'], datasets: [ { type: "line", label: "ラベル名", data: [1,2,3], fill: false, lineTension: 0, // ここを修正する borderColor: "#00008b", } ] }; |