javascript - Google 图表添加不需要的文本

标签 javascript charts google-visualization

我与谷歌电子表格集成,效果非常好,但在条形图和线条图的 Y 轴上,打印了一个带有范围编号的“常规”!

我的代码:

// Load the Visualization API and the corechart package.
  google.charts.load('current', {'packages':['corechart']});

  // Set a callback to run when the Google Visualization API is loaded.
  google.charts.setOnLoadCallback(drawChart);

  // Callback that creates and populates a data table,
  // instantiates the pie chart, passes in the data and
  // draws it.
  function drawChart() {
    var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1LTV_2_dyMFr2KGeNHGnyHmITa-TsUD76k2WQ8Cb59Bs/edit?usp=sharing');
    query.send(handleQueryResponse);
  }

  function handleQueryResponse(response) {
    var data = response.getDataTable();
    var chart = new google.visualization.ChartWrapper({
     containerId: 'chart_div'
    });
    var barsButton = document.getElementById('b1');
    var lineButton = document.getElementById('b2');
    var options = {
      width: 800,
      height: 640,
      animation: {
        duration: 500,
        easing: 'ease-in-out',
        startup: true
      },        
    };

    console.log(data);

    chart.setOptions(options);

    function drawBars() {
       chart.setChartType('ColumnChart');
       chart.setDataTable(data);
       chart.draw();
    }

    function drawLine() {
       chart.setChartType('LineChart');
       chart.setDataTable(data);
       chart.draw();
    }

    barsButton.onclick = function () {
       drawBars();
    }

    lineButton.onclick = function () {
       drawLine();
    }

   drawBars();

  }

并打印了“将军”烦人单词的图像!

enter image description here

以前有人经历过吗?

最佳答案

尝试为 y 轴设置特定格式...

  var options = {
    vAxis: {
      format: '#,##0'
    }
  };

关于javascript - Google 图表添加不需要的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48156760/

相关文章:

javascript - 在谷歌图表纵轴中显示持续时间

html - 修改 CSS 并查找 Google 图表的 ID

javascript - 将 JSON 属性映射到 HTML ID 以轻松设置值

javascript - 使用js按坐标点击

C# 图表库

javascript - 渲染 D3.js 面积图时出现的问题

javascript - 如何在 Google Scripts 的 HtmlService 中调试 JavaScript

javascript - 调整窗口大小时,光滑的 slider 没有响应

javascript - 使用 setTimeout 循环播放视频

ReactJS/Nivo Graphs - 当数据包含 "incomplete"数据时,如何将 x 轴修改为升序日期顺序?