代码之家  ›  专栏  ›  技术社区  ›  aBlaze

如何设置谷歌图表垂直轴增量?如何在网格栏上设置最大宽度?[副本]

  •  2
  • aBlaze  · 技术社区  · 6 年前

    我在格式化材料图表轴时遇到问题。

    {vAxes: { 0: {title: 'Amount',format: '$#,##'}}} enter image description here

    我想我可以换成 {axes: {y: {Amount: {format:'$#,##', label:'Amount'} } } }

    我试着用水平仪 hAxis: {format:'YYYY-MM-DD'} 但那没用。

    this .

    第二个问题:如何格式化轴上的值?

    0 回复  |  直到 8 年前
        1
  •  2
  •   WhiteHat    8 年前

    这些选项在 材料

    Tracking Issue for Material Chart Feature Parity #2143


    当使用 相反,有一个选项可以使图表“接近” 材料 图表。。。

    theme: 'material'
    

    google.charts.load('current', {
      callback: drawChart,
      packages: ['corechart']
    });
    
    function drawChart() {
      var data = new google.visualization.DataTable();
      data.addColumn('date','Date');
      data.addColumn('number','Value');
      data.addRows([
        [new Date(2017, 1, 12), 250],
        [new Date(2017, 1, 13), 200],
        [new Date(2017, 1, 14), 150]
      ]);
    
      var options = {
        hAxis: {
          format: 'yyyy-MM-dd'
        },
        theme: 'material',
        vAxis: {
          format: '$#,##',
          title: 'Amount'
        }
      };
    
      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <div id="chart_div"></div>