如何格式化 Slate 条形图的“悬停”工具提示中的文本?
How do I format the text in a `hover` tooltip of a Slate Bar Chart?
在我的条形图中,我有大量难以快速阅读的数字。我想添加逗号以使其更具可读性。
例如:123456789 --> 123,456,789
如何在 Slate 中执行此操作?
在小部件编辑器的“杂项”部分下,您可以配置图表工具提示的格式。输入接受把手,因此您可以使用 formatNumber 帮助程序根据条形图悬停值来模板化工具提示:
{{formatNumber w_chart.hover.yValue '0,0'}}
来自 Slate 文档(Slate > 参考 > Helper 参考):
格式编号
formatNumber 帮助程序使用 Numeral.js (http://numeraljs.com/) 库将任何给定数字格式化为字符串。注意,值必须是数字,格式必须是字符串。
示例:
在数字上使用 formatNumber:
{{formatNumber 1400 '0,0'}} # renders to "1,400"
有关格式化数字的更多示例,请查看 Numeral.js 库。
在我的条形图中,我有大量难以快速阅读的数字。我想添加逗号以使其更具可读性。
例如:123456789 --> 123,456,789
如何在 Slate 中执行此操作?
在小部件编辑器的“杂项”部分下,您可以配置图表工具提示的格式。输入接受把手,因此您可以使用 formatNumber 帮助程序根据条形图悬停值来模板化工具提示:
{{formatNumber w_chart.hover.yValue '0,0'}}
来自 Slate 文档(Slate > 参考 > Helper 参考): 格式编号 formatNumber 帮助程序使用 Numeral.js (http://numeraljs.com/) 库将任何给定数字格式化为字符串。注意,值必须是数字,格式必须是字符串。
示例: 在数字上使用 formatNumber:
{{formatNumber 1400 '0,0'}} # renders to "1,400"
有关格式化数字的更多示例,请查看 Numeral.js 库。