作为客户端用户将导出到 csv 选项添加到 Highcharts 图表?

牙签

虽然有关于这个问题的文档,但我发现自己正在经历大量的悲痛,试图了解需要做什么才能实现我想要的。

我是一个没有权限访问具有 Highcharts 图表的网站的用户,我想将其导出到 csv 中。来自这个 url 和域中类似网页的 Highcharts 是我想要导出的:

https://www.racingandsports.com.au/horse/taiyoo-660888-tab-rating

具体来说,我想要第一个图表。如您所见,它有一个下拉菜单,允许打印图像,并下载为 jpeg、png、pdf 和 svg。我已经看到 JSFiddle 代码片段,下拉菜单有一个导出到 csv 选项。我曾尝试使用脚本运行 Greasemonkey 以及通过 Web 浏览器上的检查元素菜单进行编辑。我在 Ubuntu 上使用 Firefox。

这作为客户端是否可以实现,或者如果我想获得这些数据,我应该使用beautifulsoup程序编写自己的Python来抓取它吗?

丹尼尔斯

这个过程会有点棘手,因为该站点使用 Highcharts v4.0.4,并且可以从v5.0.11导出到 CSV ,但我不能说这是不可能的。

您需要export-data.js从浏览器开发人员控制台手动添加Highcharts 模块的主体,但首先您需要通过运行该模块所需的一些函数和参数来扩展 Highcharts。我将尝试逐步描述该过程,并尽可能清晰。

  1. 打开网站,
  2. 打开浏览器的开发者控制台
  3. 将以下代码粘贴到您的控制台中,然后按 Enter 键:

    Highcharts.win = window;
    Highcharts.inArray = function(item, arr, fromIndex) {
      return (
        Highcharts.indexOfPolyfill ||
        Array.prototype.indexOf
      ).call(arr, item, fromIndex);
    };
    Highcharts.find = function(arr, fn) {
      var i,
      length = arr.length;
    
      for (i = 0; i < length; i++) {
        if (fn(arr[i], i)) {
          return arr[i];
        }
      }
    };
    
  4. 然后,只需打开https://code.highcharts.com/5.0.11/modules/export-data.src.js,复制整个代码,将其粘贴到控制台中并运行它。

现在,您应该能够通过打开下拉菜单并单击顶部列表中的第一个“未定义”来下载 CSV。

我测试了它并且它正在工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HighCharts堆积的列,将Onclick事件添加到图表

来自分类Dev

highcharts:将标记添加到 x 范围图表

来自分类Dev

图表加载后将点添加到Highcharts 3D散点图

来自分类Dev

每次将点添加到CSV文件时更新图表-python

来自分类Dev

是否可以使用Highcharts将日期导航器添加到列范围图表中?

来自分类Dev

Highcharts - 根据某些条件动态地将点添加到具有不同颜色的图表

来自分类Dev

如何将 Highcharts 查看数据表选项添加到导出下拉列表?

来自分类Dev

Highcharts:如何获取图表上的默认导出选项?

来自分类Dev

将标签添加到Google图表

来自分类Dev

将图像添加到Google图表

来自分类Dev

将图表添加到 RDLC 报告

来自分类Dev

Highcharts不显示来自CSV文件的图表

来自分类Dev

将HTML标签添加到Highcharts

来自分类Dev

以编程方式将 Databricks spark-csv 添加到 Spark 1.6.2 客户端

来自分类Dev

仅从HighCharts禁用“打印图表”选项

来自分类Dev

如何将月份作为 x 轴添加到股票图表/高价图表

来自分类Dev

如何将图像/图表添加到API蓝图?

来自分类Dev

将日期行情添加到matplotlib / python图表

来自分类Dev

无法使用剑道图表将注释添加到categoryAxis

来自分类Dev

将轴名称添加到图表C#

来自分类Dev

将var值添加到Google图表,angularJs

来自分类Dev

顶点图表将点击事件添加到标签

来自分类Dev

将图例添加到Altair的分层图表中

来自分类Dev

Altair将选择添加到分层图表

来自分类Dev

如何将数据添加到图表(QtChart)?

来自分类Dev

将意甲的平均线添加到图表中

来自分类Dev

将日期行情添加到matplotlib / python图表

来自分类Dev

将Google图表添加到FusionTableLayer信息窗口

来自分类Dev

如何将辅助轴添加到highstock图表?

Related 相关文章

  1. 1

    HighCharts堆积的列,将Onclick事件添加到图表

  2. 2

    highcharts:将标记添加到 x 范围图表

  3. 3

    图表加载后将点添加到Highcharts 3D散点图

  4. 4

    每次将点添加到CSV文件时更新图表-python

  5. 5

    是否可以使用Highcharts将日期导航器添加到列范围图表中?

  6. 6

    Highcharts - 根据某些条件动态地将点添加到具有不同颜色的图表

  7. 7

    如何将 Highcharts 查看数据表选项添加到导出下拉列表?

  8. 8

    Highcharts:如何获取图表上的默认导出选项?

  9. 9

    将标签添加到Google图表

  10. 10

    将图像添加到Google图表

  11. 11

    将图表添加到 RDLC 报告

  12. 12

    Highcharts不显示来自CSV文件的图表

  13. 13

    将HTML标签添加到Highcharts

  14. 14

    以编程方式将 Databricks spark-csv 添加到 Spark 1.6.2 客户端

  15. 15

    仅从HighCharts禁用“打印图表”选项

  16. 16

    如何将月份作为 x 轴添加到股票图表/高价图表

  17. 17

    如何将图像/图表添加到API蓝图?

  18. 18

    将日期行情添加到matplotlib / python图表

  19. 19

    无法使用剑道图表将注释添加到categoryAxis

  20. 20

    将轴名称添加到图表C#

  21. 21

    将var值添加到Google图表,angularJs

  22. 22

    顶点图表将点击事件添加到标签

  23. 23

    将图例添加到Altair的分层图表中

  24. 24

    Altair将选择添加到分层图表

  25. 25

    如何将数据添加到图表(QtChart)?

  26. 26

    将意甲的平均线添加到图表中

  27. 27

    将日期行情添加到matplotlib / python图表

  28. 28

    将Google图表添加到FusionTableLayer信息窗口

  29. 29

    如何将辅助轴添加到highstock图表?

热门标签

归档