0

我正在尝试使用 Google Charts 制作一个简单的折线图。

我想$在 Y 轴和 Y 轴标题上添加一个符号，这些只是外观上的更改，不会更改轴的比例。

我正在使用该drawChart()功能来实现这一点。我对 JavaScript 并不太熟悉，并且有大量在线文档，考虑到您可以使用 Google Charts 的多种方式，这些文档有点令人困惑。

我需要在以下代码中添加什么来实现 Y 轴值。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", { packages:["corechart"] });  
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Date', 'Spend'],
            ['<? echo $dates[ 7 ] ?>',  1000],
            ['<? echo $dates[ 6 ] ?>',  2000],
            ['<? echo $dates[ 5 ] ?>',  3000],
            ['<? echo $dates[ 4 ] ?>',  1000],
            ['<? echo $dates[ 3 ] ?>',  6000],
            ['<? echo $dates[ 2 ] ?>',  8000],
            ['<? echo $dates[ 1 ] ?>',  5000],
        ]);     

        var options = {
            title: 'Spend over the last 7 days',
            colors: ['#f15a29'],
        };
    }  
</script>
4

3 回答 3

1

标记 vAxis 并更改格式以包含 $：

var options = {
    'vAxis': { title: 'Title Here', format:'$#' },
};

格式化输入，以便工具顶部反映 $：

var formatter = new google.visualization.NumberFormat({
    prefix: '$'
});

formatter.format(data, 1);
于 2013-09-02T18:37:39.797 回答
0

设置 vAxis.title 选项以设置标题，设置 vAxis.format 选项以指定用于轴值的格式：

var options = {
    colors: ['#f15a29'],
    vAxis: {
        title: 'Spend over the last 7 days ($)',
        format: '$#,###' // format 3000 as "$3,000"
    }
}
于 2013-09-02T15:46:33.747 回答
0 
var options = {
      title: 'Spend over the last 7 days',
      hAxis: {title: 'Spend($)', titleTextStyle: {color: 'red'}}
    };

添加 hAxes 定义水平轴和 vAxes 定义垂直轴。有关更多信息，请参阅.... https://developers.google.com/chart/interactive/docs/gallery

于 2013-09-02T11:11:19.770 回答