谷歌图表在弃用后复合图表

Posted 2021-05-02

我使用Google Charts绘制compound charts，类似于下面描述的那个（条形图和线组合）。刚刚得知它has been deprecated。

似乎替换是Google Chart Tools，我需要重新编码我的东西。但是，尽管my best search efforts我找不到任何使用新API制作复合图表的示例或方法。

是否可以使用新API制作复合图表？有人有文档链接吗？

答案

结帐Google Combo Charts https://google-developers.appspot.com/chart/interactive/docs/gallery/combochart

另一答案

最好的方法是

1. 使用组合图表
2. 重复数据数组并将其更改为您想要的类型。 例如，

使用堆积条形图并在谷歌可视化和使用之前连接数据阵列

seriesType: 'bars',
      series: {5: {type: 'line'}, {6: {type: 'line'}, .... } 

等等。这只是一种破解方法。或者您可以使用其他一些JS图表库。

另一答案

function priceChart(a) {
var data = google.visualization.arrayToDataTable(a, true);
var options = {
   legend: 'none',
   bar: { groupWidth: '100%' },   // Remove space between bars.
  seriesType: 'candlesticks',
candlestick: {
      fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red
      risingColor: { strokeWidth: 0, fill: '#0f9d58' }   // green
   },
    series: {1: {type: 'line'},2: {type: 'line'}},
};

var chart = new google.visualization.ComboChart(document.getElementById(vname));
chart.draw(data, options);

}