var ctx = document.getElementById('sales-chart').getContext('2d') var marksData = { labels: ['去年收入', '公司资产总额', '研发费用', '去年利润', '研发人员占比', '专利数'], datasets: [{ label: '唐山恒屿机电有限公司', backgroundColor: 'transparent', borderColor: 'rgba(200,0,0,0.6)', fill: false, radius: 6, pointRadius: 6, pointBorderWidth: 3, pointBackgroundColor: 'orange', pointBorderColor: 'rgba(200,0,0,0.6)', pointHoverRadius: 10, labels: { fontSize: 18 }, data: [641000, 894000, 68000, 85000, 0.8, 7] }] } var chartOptions = { tooltips: { callbacks: { label: function(tooltipItem, data) { var value = tooltipItem.yLabel if (value >= 10000) { return (value / 10000) + '万' } else { return value } } } }, scale: { ticks: { beginAtZero: true, min: 0, max: 1000000, stepSize: 200000, callback: function(value, index, values) { if (value >= 10000) { return (value / 10000) + '万' } else { return value } } }, pointLabels: { fontSize: 18 } }, legend: { position: 'left' } } var myChart = new Chart(ctx, { type: 'radar', data: marksData, options: chartOptions, elements: { point: { radius: 0 } } })怎么设置label文字大小

在 `chartOptions` 中的 `scale` 中的 `pointLabels` 属性中设置 `fontSize` 即可，例如：

var chartOptions = {
  scale: {
    pointLabels: {
      fontSize: 18
    }
  }
}

这里将 `fontSize` 设为 18。

相关问题

這個圖表太大了<script> var labels = {{ chart_labels|tojson }}; var values = {{ chart_values|tojson }}; var ctx = document.getElementById('chart-canvas').getContext('2d'); var chart = new Chart(ctx, { type: 'bar', data: { labels: labels, datasets: [{ label: '异常现象数量', data: values, backgroundColor: 'rgba(54, 162, 235, 0.2)', borderColor: 'rgba(54, 162, 235, 1)', borderWidth: 1 }] }, options: { maintainAspectRatio: false, // 取消保持纵横比 scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }); </script>

是的，这段代码是用于在网页上展示一个柱状图的。它首先定义了一些变量，如标签和值，然后使用Chart.js库创建了一个柱状图。其中，labels是一个数组，用于存储柱状图中每个柱子的标签；values是一个数组，用于存储柱状图中每个柱子的值；ctx是一个Canvas对象，用于在网页上绘制图表；Chart则是Chart.js库中的一个构造函数，用于创建图表实例。最后，options部分定义了一些图表的选项，如取消保持纵横比和设置坐标轴的最小值为0。

(function($) { 'use strict' $(function() { if ($('#sales-chart').length) { var ctx = document.getElementById('sales-chart').getContext('2d') var marksData = { labels: ['去年收入', '公司资产总额', '研发费用', '去年利润', '研发人员占比', '专利数'], datasets: [{ label: '唐山恒屿机电有限公司', labels: { fontSize: 32 }, backgroundColor: '#fdf1e1', borderColor: 'rgba(200,0,0,0.6)', borderWidth: 2, fill: true, radius: 6, pointRadius: 6, pointBorderWidth: 3, pointBackgroundColor: 'orange', pointBorderColor: 'rgba(200,0,0,0.6)', pointHoverRadius: 10, data: [641000, 894000, 68000, 85000, 0.8, 7] }] } var chartOptions = { tooltips: { callbacks: { label: function(tooltipItem, data) { var value = tooltipItem.yLabel if (value >= 10000) { return (value / 10000) + '万' } else { return value } } } }, scale: { ticks: { beginAtZero: true, min: 0, max: 1000000, stepSize: 200000, callback: function(value, index, values) { if (value >= 10000) { return (value / 10000) + '万' } else { return value } } }, pointLabels: { fontSize: 16 } }, legend: { position: 'left', fontSize: 16, labels: { fontSize: 16 }, padding: { right: 20 } }, } var myChart = new Chart(ctx, { type: 'radar', data: marksData, options: chartOptions, elements: { point: { radius: 0 } } }) } }) })(jQuery) 怎么居中显示

要让这段代码中的图表居中显示，可以通过修改其父元素的样式来实现。具体来说，可以使用下面的 CSS 代码将其水平居中：

#sales-chart-container {
    display: flex;
    justify-content: center;
}

然后，在 HTML 代码中，将图表的容器元素的 ID 设置为 `sales-chart-container`。这样，图表就会相对于其父元素水平居中显示。