【问题标题】:Google Line Chart start series later谷歌折线图稍后开始系列
【发布时间】:2016-08-18 15:11:49
【问题描述】:

我有一个谷歌图表,上面有很多行。我拥有的其中一个数据集是在很久以后才开始的,因此我想在获得该数据之前将其保留。但是,如果我将值设置为 null 或未定义的谷歌图表说它有错误的列数。有没有办法只在某个时候引入一个系列通过

例如,我可能想使用如下数据:

data = [
   ["col1", "col2"],
   [5,null],
   [4,null],
   [3,1],
   [2,2],
   [1,3]
]

其中第 2 列仅从“位置”3 开始。这将使谷歌图表说第 0 行在需要 2 时有 1 列,而我只希望它仅在有数据时才开始第 2 列的行。

【问题讨论】:

  • #1。请提供 jsFiddle 和一些具有预期和实际结果的测试数据。 #2。在将其提供给客户端谷歌图表之前,您是否使用数据库或静态数据获取值?
  • @Jits 我正在从 csv 下载数据,然后对其进行解析和整理,然后再将其传递给谷歌图表

标签: javascript charts google-visualization


【解决方案1】:
var data = [
  ["col1", "col2"],
  [5,null],
  [4,null],
  [3,1],
  [2,2],
  [1,3]
];

似乎在这里工作......

google.charts.load('current', {
  callback: function () {
    var data = [
      ["col1", "col2"],
      [5,null],
      [4,null],
      [3,1],
      [2,2],
      [1,3]
    ];

    var dataTable = google.visualization.arrayToDataTable(data);
    var chart = new google.visualization.LineChart(
      document.getElementById('chart_div')
    );
    chart.draw(dataTable, {
      hAxis: {
        ticks: [1,2,3,4,5]
      }
    });
  },
  packages: ['corechart']
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

【讨论】:

  • 谢谢!原来我是愚蠢的,这已经是一个特点。我有另一个错误并误解了它。
  • 我们都有自己的日子,有时只是需要别人来看看......
  • 是的...今天好像有点慢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-16
  • 1970-01-01
  • 1970-01-01
  • 2014-12-27
  • 2020-08-06
相关资源
最近更新 更多