如何在Google图表折线图上显示货币？

Question

我正在尝试将货币显示为Google API折线图中的Y轴数据：

在Y轴上，我希望数字显示为$ 0.00，$ 4.00，$ 8.00，$ 12.00，$ 16.00。

以下是我用来填充图表的代码：

function drawDailySales() {

        var data = google.visualization.arrayToDataTable([

            ['Date', 'Daily Sales'],

            <?php foreach ($daily_sales as $date => $sales) {

                echo "['".$date."', {v: ".$sales['Amount'].", f: '$".number_format($sales['Amount'], 2, '.', ',')."'}],";   

            } ?>

            ]);

            var options = {
                title: 'Daily Sales',
                legend: { 
                    position: 'bottom' 
                }

            };

        var chart = new google.visualization.LineChart(document.getElementById('daily_sales'));

        chart.draw(data, options);

    }

这适用于当鼠标悬停在图表上的某个点上时显示的工具提示，但它不会在图表的Y轴上显示为货币。

Answer 1

您是否尝试过从Configuration Options？

添加vAxis.ticks选项

就这样......

vAxis: { ticks: [{v:0, f:'$0.00'}, {v:4, f:'$4.00'}, ...] }

Answer 2

11/2020更新（另一种解决方案）

尝试像这样将vAxis: {format: 'currency'}添加到您的options：

var options = {
  vAxis: {format: 'currency'}
};