Question

这可能是一个简单的修复，但我看不出有什么问题。我正在尝试使用Candlesticks is always on top of lines in combo chart google chart和https://google-developers.appspot.com/chart/interactive/docs/gallery/candlestickchart中的一些代码。我已经尝试将它放在我的html代码中（这适用于其他示例）但它在这种情况下不起作用。只是想知道你是否可以帮助我调试它。

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);



function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Day');
  data.addColumn('number', 'Dummy');
  data.addColumn('number', 'Range');
  data.addColumn({type: 'number', role: 'interval'});
  data.addColumn({type: 'number', role: 'interval'});
  data.addColumn('number', 'Trend');
  data.addRows([
    ['Mon', 28, 10, -8, 17, 42.8],
    ['Tue', 38, 17, -7, 28, 47.5],
    ['Wed', 55, 22, -5, 25, 52.2],
    ['Thu', 66, 11, -16, 11, 56.9],
    ['Fri', 22, 44, -7, 44, 61.6],
  ]);

  // Create and draw the visualization.
  var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
  ac.draw(data, {
    title : 'Monthly Coffee Production by Country',
    width: 600,
    height: 400,
    vAxis: {title: "Cups"},
    hAxis: {title: "Month"},
    isStacked: true,
    seriesType: "bars",
    series: {0: {color: 'transparent'}, 2: {type: "line"}}
  });
}



    </script>
  </head>
  <body>
  </body>
</html>

Answer 1

您的HTML正文不包含名为可视化的元素 - 这是图表插入以下行的位置：

var ac = new google.visualization.ComboChart(document.getElementById('visualization'));

这是一个小提琴：http://jsfiddle.net/s2nya2Lv/

这会解决您的问题，还是会出现其他问题？你的问题没有清楚地解释问题到底是什么。

Google Charts - 组合图示例问题

1 个答案: