如何在Google Charts MaterialView中使用vaxis

Question

我一直在擺弄粒子光子，將數據發布到sparkfun.com

為了顯示此數據，我嘗試使用google.visualization。 但是我似乎無法使軸表現出我想要的樣子。 看到（但請稍等片刻）： https : //www.hanscees.com/photon/charts-data-sparkfunA.html

我希望軸顯示的不是1K，而是1010，依此類推。 這是我的代碼：

 function drawChart1() {

        var public_key = 'yA0EjKV3owhKNx1NlN3w';

        // JSONP request
        var jsonData = $.ajax({
          url: 'https://data.sparkfun.com/output/' + public_key + '.json',
          //data: {page: 1},
      data: {'lte' : {'timestamp' : 'now - 4 hours'}},
          dataType: 'jsonp',
        }).done(function (results) {

              var data = new google.visualization.DataTable();

              data.addColumn('datetime', 'Time');
          data.addColumn('number', 'Pressure');

              $.each(results, function (i, row) {
                data.addRow([
                  (new Date(row.timestamp)),
              parseFloat(row.hectopascals)
             ]);
                            }); // each row

    // see https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart#dual-y-charts
    var materialOptions = {
              chart: { title: 'Barometer Pressure'},
              width: 550,
              height: 500,
              series: {
               // Gives each series an axis name that matches the Y-axis below.
               0: {axis: 'Pressure'}
               },
               axes: {
               // Adds labels to each axis; they don't have to match the axis names.
                y: {
                       Pressure: {label: 'Pressure (Hpa)'}
                   }
               },
          vAxis: {format: 'decimal'},
          hAxis: {color: '#333', count: 8}

         };

         var materialChart = new google.charts.Line(ChartDivBaro);
        materialChart.draw(data, materialOptions);

          }); // results



      } // jsondata

Answer 1

不幸的是，大多數vAxis選項根本無法在材料圖上使用...

請參閱-> 物料圖特征奇偶校驗的跟蹤問題＃2143

建議改用核心圖表...

您可以使用以下選項使外觀與材質 接近

theme: 'material'

Answer 2

解決了沒有材料：

var options = {title:'Pressure Outside',
width:550,
height:300,
vAxis: {format: '0'}
};
var chart = new google.visualization.LineChart($('#chart1').get(0));
chart.draw(data, options); // draw data
}); // results