javascript - Ploty.js 和 Vue 中 xticks 的自定义格式

Question

我正在尝试为图表应用自定义格式xticks（使用该库的 Vue 包装器）yticks。Plotly.js

我尝试使用标准 d3 样式格式，但无法应用我想要实现的格式。我用了：

xaxis: {
          tickformat: ",.2f",
        },

所以它200000被格式化为，200,000.00但我想要的格式是将空间作为千位分隔符，这样200000就变成了200 000.00. 我找不到它在 d3 样式格式中的工作原理。是否有一种直接的方法将格式应用于绘图上显示的值？

这是我的示例： https ://codesandbox.io/s/vuetify-playground-barchart-pw78w?file=/src/layout.vue

标签： javascriptvue.jsplotlyplotly.js

Answer 1

您只需要定义您的千位分隔符，如下所示：

options: {
        responsive: true,
        locale: "en",
        locales: {
          en: {
            format: { thousands: " " },
          },
        },

更正的代码 参考