javascript - D3 水平条形图精确副本

标签 javascript d3.js bar-chart

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

Image of bar chart

到目前为止,我一直在努力解决this示例并尝试使其看起来像我需要的那样。

最佳答案

这将帮助您开始......

你可以用一些json或其他东西替换数据

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

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

关于javascript - D3 水平条形图精确副本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39604457/

相关文章:

javascript - 在 r.js 中丑化,但保留换行符,使用 uglify2

javascript - D3 plus 将文本包裹在圆圈中

javascript - 单击 d3.select(this) 返回路径样式颜色

javascript - D3 Y 轴刻度不可见

bar-chart - 在 ChartJs v2 中显示零值条

javascript - 当plotlyJS中的数据与其他图表差异很大时,如何打破条形图?

javascript - while 和 for 循环的目的是什么,这段代码中的 if 语句?

javascript - HTML 滚动 : how to avoid it to "cut" my inner elements

javascript - 向力导向布局添加新节点

javascript - 将 Office 365 Excel Online 集成到 Web 应用程序中