d3.js - 如何使用 nvd3 制作 100% 堆积图表?

标签 d3.js nvd3.js

我查看了 nvd3 堆叠图表,有谁知道如何使用 nvd3 制作 100% 堆叠图表?

例如,这样的图表:https://www.syncfusion.com/content/en-US/Products/Images/wpf/chart/wpf-chart-ColumnStacked100.jpg

最佳答案

我使用了多条形图,然后转换数据以模拟 100% 堆叠条形图。我必须将每个条形的值相加,然后将条形中的值除以条形的总值。

关于d3.js - 如何使用 nvd3 制作 100% 堆积图表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20157147/

相关文章:

css - nvd3 库,如何自定义折线图

typescript - 错误 : Type 'number | undefined' is not assignable to type 'number | { valueOf(): number; }' ?

javascript - 如何通过条形图的字长设置域?

javascript - 连接到 CrossFilter 的 D3 JS 布局树

d3.js - 显示 :none 时 nvd3 图表错误

javascript - NVD3散点图每个节点如何添加onclick事件

javascript - 无法使用来自 Angular2 Dart 应用程序的 CSS(CSS 垫片)

javascript - d3 可缩放 TreeMap - 每个父宽度的动态文本宽度

javascript - d3js 放大情节

javascript - nvd3 折线图未正确显示。 (点和阴影区域)