【问题标题】:Highcharts Highmaps How to import data from google spreadsheetHighcharts Highmaps 如何从谷歌电子表格导入数据
【发布时间】:2020-03-27 18:35:34
【问题描述】:

我想构建这样的地图:fiddle

但使用此电子表格中的数据:https://docs.google.com/spreadsheets/d/16AL59eH385JODQsnbB9vYeJ0liSYgNbELRdkHhb78vE/edit#gid=2084475733

要从那里导入数据,我添加了以下代码:

  data: {
    googleSpreadsheetKey: '16AL59eH385JODQsnbB9vYeJ0liSYgNbELRdkHhb78vE',
    seriesMapping: [{
      'hc-key': 0,
      'infiziert': 1,
      'tote': 2,
      'genesen': 3,
      'bundesland': 4
    }]
    ,
    complete: function(options) {
      options.series[0].name = 'Corona';
    }
  },

很遗憾,我没有得到我想要的结果:fiddle

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    你需要将value添加到seriesMapping

    data: {
      seriesMapping: [{
        hc-key: 0,
        value: 2,
        ...
      }],
      ...
    }
    

    现场演示: https://jsfiddle.net/BlackLabel/uvczj6ne/

    API 参考: https://api.highcharts.com/highmaps/series.map.data

    【讨论】:

    • 谢谢你,@ppotaczek。在您的解决方案之后只是一个小问题。我通过事件(渲染函数)以编程方式更改了数据标签的位置,只要数据来自数组,它就可以正常工作:fiddle 当我从谷歌表导入数据时,数据标签不会保持在它们的位置fiddle
    • 嗨@Johannes Christ,您需要禁用动画:jsfiddle.net/BlackLabel/uvczj6ne/1
    猜你喜欢
    • 2020-07-02
    • 2014-05-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多