ChartJS v3自定义显示格式

z5btuh9x 于 2023-02-12 发布在 Chart.js

关注(0)|答案(1)|浏览(134)

我尝试在Chartjs 3的xAxes中的周数旁边添加字符串（Week）。但它显示的是随机数而不是字符串。
下面是我的代码在选项中的部分：

scales: {
            x: {
                    type: 'time',
                    time: {
                        unit: 'week',
                        displayFormats: {
                            week: "'Week' W",
                        },
                        tooltipFormat: 'YYYY-W',
                    },
                    ticks: {
                        source: 'data',
                    },
                    offset: true,                   
                },  
              .........

电流输出：'51124' 10年
预期产出：第十周
任何帮助都将不胜感激。谢谢

chart.js

来源：https://stackoverflow.com/questions/75397215/chartjs-v3-custom-displayformats

1条答案

按热度按时间

brjng4g31#

"'Week' W"是格式化字符串，取决于您使用的适配器'Week'将被转换为特定值。
您可以检查您的适配器是否支持 * 自定义字符串 * 格式-字符串，...

或者尝试使用callback修改标签，如文档中所示：https://www.chartjs.org/docs/latest/axes/labelling.html
以下是 relevat 代码，已根据您的代码片段进行了调整：

...
scales: {
     x: {
         type: 'time',
         time: {
             unit: 'week',
             displayFormats: {
                 week: 'W',
             }
         },
         ticks: {
             // This prepends the "Week" before the label
             callback: function(value, index, ticks) {
                 return '"Week" ' + value;
             }
         }
     }
 }
 ...

赞(0）回复(0）举报 2023-02-12

我来回答

ChartJS v3自定义显示格式

1条答案

相关问题

热门标签

最新问答