谷歌折线图y轴出现2次(加倍)

时间:2016-03-16 14:22:58

标签: jquery charts google-visualization

我使用谷歌折线图绘制折线图。如果用于绘制图表的数据只有一个值,如图所示,在图表的vaxis上显示轴 1 2次,我不想要这个。我希望vaxis正常,只有一个时间轴号。 用于vaxis的代码是:



vAxis: 
{
    format: '#',
    minValue: 0,
    gridlines: {
    count: 4
}




图表是: drawn chart

感谢任何回复

1 个答案:

答案 0 :(得分:1)

vAxis.ticks设置为包含所需刻度线的数组 该数组也可以从数据动态构建......

google.charts.load('44', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = new google.visualization.DataTable({
    cols: [
      {id: '', label: 'Month', type: 'string'},
      {id: '', label: 'Downloads', type: 'number'},
      {id: '', role: 'annotation', type: 'string'}
    ],
    rows: [
      {c:[{v: 'February'}, {v: 1}, {v: '1'}]}
    ]
  });

  var options = {
    vAxis: {
      format: '#',
      minValue: 0,
      ticks: [0, 1, 2]
    }
  };

  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>