javascript - Excel 图表到 JavaScript

Question

任何人都可以建议从 MS Excel 图表创建 JavaScript 图表的方法，以便保留颜色和其他格式选项吗？理想情况下，我可以创建一个 HighCharts 字符或看起来至少接近用户在 Excel 中创建的字符的字符。目前，我正在研究 Open XML/Drawing ML 文件格式或可能的 VBA 来为某些 JavaScript 图表库创建转换层，例如 Highcharts 。

请注意，这不仅仅是导出为简单 CSV 文件的情况，这里的关键考虑因素是保留图表格式。

感谢您的任何建议，

一个，

Answer 1

我可以推荐一个名为 Funfun 的插件，您可以在 Excel 中编写一些 Javascript、HTML 和 css。它拥有一个带有嵌入式电子表格的在线编辑器，可以更轻松地过渡到 Excel。

我要获取 bubble chart example from Highcharts 并更改数据，这是我得到的:

https://www.funfun.io/1/#/edit/5a61c190404f66229bda3f0f

我将我的数据存储在嵌入式电子表格中，多亏了一个 json 文件，我可以在我的 javascript 代码中使用它:

{
    "data": "=A1:E16"
}

我在 script.js 中格式化我的数据，以便我可以直接将其加载到 Highcharts 中(对于数字，您必须将数据转换为 float 或整数):

var data = [];

for (var i = 1; i < $internal.data.length; i++)
  data.push(
    {
      x: parseFloat($internal.data[i][2]),
      y: parseFloat($internal.data[i][3]),
      z: parseFloat($internal.data[i][4]),
      name: $internal.data[i][1],
      country: $internal.data[i][0]
    }
  );

然后您将数据添加到图表中:

series: [{
        data: data
    }]

您当然可以更改图表的设置(颜色、文本、字体、图表类型...)。

完成后，您可以通过将 URL 粘贴到 Funfun add-in 中，直接将其加载到 Excel 中。这是我的示例的样子:

我在示例中使用了 Highchart，因为您提到了它，但您当然可以使用许多其他功能强大的库，例如 chart.js 和 plotly.js(用于 3D 图表)。

披露:我是 Funfun 的开发者。