D3.Js图表excel

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了D3.Js图表excel相关的知识,希望对你有一定的参考价值。

我是excel中d3.js图表​​的新手。我读到了将excel图表转换为D3图表的插件。有什么方法可以在excel中使用d3图表。我尝试了excel 2013中提供的插件。但是没有发现添加动态数据的用户友好。看到了VBA代码。仍然没有得到一个完整的想法。请帮忙

答案

我不确定你在问什么,但如果它是一种在Excel中使用D3.js库的方法,那么有一种简单的方法可以做到这一点。

我从D3.js画廊拿了一个example,这样你就可以理解它是如何工作的:

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

我使用带有嵌入电子表格的在线编辑器,因此您可以获得Excel数据。

当数据在电子表格上时,您可以使用JSON文件,在设置下方使用short文件将其与javascript一起使用:

{
    "data": "=A1:C252"
}

一旦您可以访问您的数据,您就可以构建D3.js图表​​,并通过调用$internal.data来使用您的数据,如下所示:

var dot = table2dot($internal.data);

var xxx = dot.map(function (d) { return { id: d[0] } })

f(xxx)

f(xxx)是将使用值xxx创建图表的函数。

然后,您可以通过粘贴Funfun Excel add-in中的URL来上传excel中的图表。以下是我的示例:

d3

这就是你如何在excel中使用D3.js图表​​。希望这是你要求的:),如果没有请更具体。

披露:我是Funfun的开发者。

以上是关于D3.Js图表excel的主要内容,如果未能解决你的问题,请参考以下文章

使 D3.js 2D 图表具有响应性

如何将状态名称放入地理图表/D3.js

d3.js ----面积图表

d3.js地图图表绘制矩形

D3.js 入门系列 --- 6 如何让图表动起来

响应式 D3 js 图表 [重复]