【问题标题】:D3 Horizontal Bar Chart exact copyD3水平条形图精确复制
【发布时间】:2016-09-20 22:05:35
【问题描述】:

刚开始使用 d3,需要为项目制作一个与图像中完全相同的水平条形图。任何帮助,将不胜感激。谢谢。

Image of bar chart

到目前为止,我一直在研究 this 示例并尝试对其进行调整以使其看起来像我需要的那样。

【问题讨论】:

    标签: javascript d3.js bar-chart


    【解决方案1】:

    这会让你开始......

    你可以用一些json什么的来替换数据

    data = [
        {label:"new", value:10},
        {label:"repeat", value:55},
        {label:"loyal", value:35},
    ];
    

    http://plnkr.co/edit/uzRkw1bNZfQDFfQsOh4t?p=preview

    【讨论】:

      【解决方案2】:

      请找到以下链接以启动水平条形图。它在 d3.v4 版本中。

      • 更改图形边距以减小 svg 的大小

      HorizontalBarChart

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2021-10-04
        • 2015-02-08
        • 2017-02-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多