Chart.js子标题不会显示

bnlyeluc  于 2022-11-06  发布在  Chart.js
关注(0)|答案(4)|浏览(221)

我无法使饼图的副标题起作用。它就是不显示。
我在尝试这个:https://www.highcharts.com/docs/chart-concepts/title-and-subtitle

options: {
    pieceLabel: {
        showZero: true,
        fontColor: '#fff',
        fontFamily: "'Maven Pro', sans-serif",
        position: 'default'
    },
    title: {
        display: true,
        position: 'top',
        text: 'Screened',
        fontSize: 14
    },
    subtitle:{
        text: 'Subtitle',
    },
    legend: {
        display: false
    }
}

我的图表显示得很好,所以我只分享了代码的选项部分。
我不确定chart.js是否支持字幕。如果不支持,欢迎提供标题中的换行符或任何其他替代物的建议。

y3bcpkx1

y3bcpkx11#

在title text属性中,可以传入一个字符串数组,每一项都将换行。

text: ['Title','Subtitle'],

这是一个working example

8ftvxx2r

8ftvxx2r2#

对于任何仍然感兴趣的人,我做了一个简单的字幕插件:https://www.npmjs.com/package/chartjs-subtitlehttps://github.com/jeredmasters/chartjs-subtitle显示器
这使您可以使用与主标题不同的样式

ippsafx7

ippsafx73#

检查是否已将SubTitle类注册到ChartJS

ChartJS.register(
  Title,
  SubTitle,
);
4xy9mtcn

4xy9mtcn4#

请尝试以下示例:
第一个

相关问题