谷歌图表曲线重叠

时间:2017-08-29 07:42:12

标签: charts google-visualization

使用Google Charts我希望我的曲线与最大或最小值区域重叠。 是否可以将“直线”和“区域”图表类型组合在一起?

curved line overlapping min/max areas

我在jsFiddle中放了一些东西:

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

  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'too low', 'value','too high'],
      ['2013',  500,      600,1200],
      ['2014',  500,      460,1200],
      ['2015',  500,     1400,1200],
      ['2016',  500,      300,1200],
      ['2017',  500,      540,1200]
    ]);

    var options = {
      title: 'Limited values',
      curveType: 'function',
      hAxis: {title: 'Year',  titleTextStyle: {color: '#FF'}},
      vAxis: {minValue: 0}
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

jsFiddle link

我不想使用其他库或图表引擎。

0 个答案:

没有答案