javascript - 在 React Native 中使用 d3 自定义图表

标签 javascript react-native d3.js graph

我的要求 id 在 React Native 中绘制如下所示的图表。

在我的研究中,我发现 d3 是最适合创建图表的工具。

数据集如下添加,它与 React Native 完美配合。

知道如何使数据集着色如下所示(当涉及到不同区域时,颜色会发生变化)。

enter image description here

最佳答案

我遵循了 Mark 链接的 block 中提到的方法。

  1. 定义色阶
  2. 定义一个值数组,您要在其上添加阴影线/区域
  3. 将这些值转换为基于高度的百分比,并使用这些百分比应用线性渐变
  4. 对路径和面积使用相同的比例

Here是指向我创建的示例的链接。

关于javascript - 在 React Native 中使用 d3 自定义图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52962391/

相关文章:

javascript - 如何在 docker 上运行 Electron 应用程序

javascript - 将匿名函数传递给jquery选择器expr[:]

javascript - 如何在 React Native 中绘制多色圆圈?

javascript - D3js 仪表图

javascript - 仅使用 css 和 js 在网页上添加一个新部分

javascript - 如何使用Coffeescript和shellJS编写可执行的shell脚本?

java - 你如何为 React Native 实现 PermissionAwareActivity?

react-native - 如何将进度事件添加到 react-native-fetch-polyfill

javascript - Django D3从mongodb读取csv数据来绘制图表

javascript - 是否可以使用 D3 在圆环图的弧形中插入图标​​?