(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) 怎么居中显示
时间: 2024-03-02 10:54:35 浏览: 105
要让这段代码中的图表居中显示,可以通过修改其父元素的样式来实现。具体来说,可以使用下面的 CSS 代码将其水平居中:
```
#sales-chart-container {
display: flex;
justify-content: center;
}
```
然后,在 HTML 代码中,将图表的容器元素的 ID 设置为 `sales-chart-container`。这样,图表就会相对于其父元素水平居中显示。
阅读全文