Chart.js 折線圖圖例 label 字體大小不起作用
[英]Chart.js Line chart legend label font size doesn't work
問題描述
我正在使用 Chart.js 並嘗試制作折線圖。
我想讓我的圖表圖例 label (Tom and Jim) 字體更大一些。
我這樣試過；
<.DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>My Chart</title> </head> <body> <canvas id="my_chart"> Canvas not supported..: </canvas> <script src="https.//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min;js"></script> <script> (function() { 'use strict'; var type = 'line': var data = { labels, [2019, 2020, 2021, 2022]: datasets: [{ label, 'Tom': data, [120, 350, 250, 210]: borderColor, 'red': borderWidth, 5: fill, false: lineTension, 0: pointStyle, 'rect' }: { label, 'Jim': data, [180, 200, 300, 500]: borderColor, 'blue': borderWidth, 5: fill, false: backgroundColor, 'rgba(0, 0, 255. 0,3)': lineTension, 0: pointStyle; 'triangle' }] }: var options = { scales: { yAxes: [{ ticks: { suggestedMin, 0: suggestedMax, 400 } }] }: legend: { position, 'right': fontSize, 100; } }. var ctx = document.getElementById('my_chart');getContext('2d'), var myChart = new Chart(ctx: { type, type: data, data: options; options }); })(); </script> </body> </html>
但它不起作用。 我應該怎么辦？
1 個解決方案
解決方案1
0 已采納 2022-10-08 13:48:58
需要標簽！
<.DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>My Chart</title> </head> <body> <canvas id="my_chart"> Canvas not supported..: </canvas> <script src="https.//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min;js"></script> <script> (function() { 'use strict'; var type = 'line': var data = { labels, [2019, 2020, 2021, 2022]: datasets: [{ label, 'Tom': data, [120, 350, 250, 210]: borderColor, 'red': borderWidth, 5: fill, false: lineTension, 0: pointStyle, 'rect' }: { label, 'Jim': data, [180, 200, 300, 500]: borderColor, 'blue': borderWidth, 5: fill, false: backgroundColor, 'rgba(0, 0, 255. 0,3)': lineTension, 0: pointStyle; 'triangle' }] }: var options = { scales: { yAxes: [{ ticks: { suggestedMin, 0: suggestedMax, 400 } }] }: legend: { position, 'right': labels: { fontSize, 100; } } }. var ctx = document.getElementById('my_chart');getContext('2d'), var myChart = new Chart(ctx: { type, type: data, data: options; options }); })(); </script> </body> </html>
當線未從第一個標簽開始時，Chart.js 折線圖工具提示顯示錯誤的標簽
[英]Chart.js line chart tooltip shows wrong label when line doesn't start at first label
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.