不显示2.5 K,而是在折线图中显示2500

时间:2020-08-04 10:36:52

标签: javascript charts google-visualization

目标:
在折线图及其弹出显示上显示5214而不是5.2 K.的数字。

问题:
我尝试使用此代码“ materialOptions ['vAxis'] ['format'] =“”;“但这不起作用。

我缺少代码的哪一部分?

信息:
https://jsfiddle.net/x1fmz5ap/
https://developers.google.com/chart/interactive/docs/customizing_axes

谢谢!

google.charts.load('current', {'packages':['line', 'corechart']});
google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var button = document.getElementById('change-chart');
      var chartDiv = document.getElementById('chart_div');

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Month');

      data.addColumn('number', "2017");
      data.addColumn('number', "2018");

      data.addRows([
        ['January',  -.5,  5005.7],
        ['Feburary',   .4,  8852.7],
        ['March',   .5,   1221],
        ['April',  2.9, 1215.3],
        ['May',  6.3, 8518.6],
        ['June',  -.5,  9635.7],
        ['Juli',   .4,  7418.7],
        ['August',   .5,   2512],
        ['September',  2.9, 1415.3],
        ['October',  6.3, 4218.6],
        ['November',  6.3, 6218.6],
        ['December',  6.3, 7518.6]        
      ]);


      var materialOptions = {
        chart: {
          title: 'Average Temperatures and Daylight in Iceland Throughout the Year'
        },
        width: 900,
        height: 500,
        series: {
          // Gives each series an axis name that matches the Y-axis below.
          0: {axis: 'Temps'}
        },
        axes: {
          // Adds labels to each axis; they don't have to match the axis names.
          y: {
            Temps: {label: 'Temps (Celsius)'}
          }
        },
        vAxis: {  }

      };



      function drawMaterialChart() {
      
      
       materialOptions['vAxis']['format'] = "";
      
      
        var materialChart = new google.charts.Line(chartDiv);
        materialChart.draw(data, materialOptions);
        button.innerText = 'Change to Classic';
        button.onclick = drawClassicChart;
      }

      drawMaterialChart();
    }
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div"></div>
   

0 个答案:

没有答案