Charts 如何更改控制器的谷歌图表编号格式？

使用Google图表实现仪表板时，我们可以使用

Google.visualization.NumberFormat（）

更改表格中显示数量的格式

然而，我们还没有找到一种方法来改变控制器中的数字格式。我们希望完成图中显示的内容：

---

我们查看了数据库，但找不到任何有用的东西。感谢您的帮助。：）

您可以指定

ui.cssClass

选项将自定义CSS类分配给控件：

 programmaticSlider = new google.visualization.ControlWrapper({
        'controlType': 'NumberRangeFilter',
        'containerId': 'programmatic_control_div',
        'options': {
            'filterColumnLabel': 'Salary',
            'ui': { 'cssClass': 'currencyfilter' }
        }
    });

然后为拇指标签指定规则：

.currencyfilter .google-visualization-controls-rangefilter-thumblabel:before {
      color: brown;
      content: '$';
}

完整示例

google.load（'visualization'，'1'，{'packages'：['corechart'，'controls']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var dashboard=new google.visualization.dashboard(
document.getElementById（'programmatical_dashboard_div'）；
//我们省略了“var”，以便programmaticSlider对changeRange可见。
var programmaticSlider=新的google.visualization.ControlWrapper({
“controlType”：“NumberArrangeFilter”，
“containerId”：“程序控制分区”，
“选项”：{
'filterColumnLabel'：'Salary'，
'ui'：{'labelStacking'：'vertical'，'cssClass'：'currencyfilter'}
}
});
var programmaticChart=new google.visualization.ChartWrapper({
'chartType'：'PieChart'，
“集装箱运输”：“程序图表”部门，
“选项”：{
“宽度”：300，
‘高度’：300，
“图例”：“无”，
'chartArea'：{'left'：15，'top'：15，'right'：0，'bottom'：0}，
“文本”：“值”
}
});
var data=google.visualization.arrayToDataTable([
[‘姓名’、‘薪水’]，
[Mike'，10000]，
[Jim'，8000]，
[Alice'，12500]，
[Bob'，7000]
]);
var formatter=new google.visualization.NumberFormat（{prefix:'$'）；
格式化程序。格式化（数据，1）；
dashboard.bind（programmaticSlider、programmaticChart）；
仪表盘.绘图（数据）；
}

.currencyfilter.google可视化控件rangefilter thumblabel:之前{
颜色：棕色；
内容:"元";；
}

---

谷歌API为此内置了一个函数

options:{
    ui:{
      format:{
        prefix:'$',
      }
   }

做了一把小小提琴

---

有关配置和配置的更多信息。

非常感谢@vadim gremyachev。这正是我们要找的。最好的。尽管你的解决方案非常好，我对此表示感谢，但我认为@HenrikAronsson的答案更清晰、更有效，因此我将把它标记为已被接受的答案。谢谢，你完全正确。尽管我已经阅读了您链接的文档，但我还没有意识到这是可用的。非常感谢你。我已将你的答案标记为已接受的答案。