向dc.js中的饼图添加图例
路易斯E.
我正在构建基于dc.js的可视化，其中图表之一是饼图。看到：
http://jsfiddle.net/luiseth/t8we6/
我的案例的特殊之处在于，此图表将显示的标签通常很长，以至于通常会被图表的容器（<div>）剪断。因此，我考虑过将它们显示在图例上，但是我无法弄清楚如何将图例显示在图表的右侧。我怎样才能做到这一点？width由于图表位于的中心，因此与一起玩完全没有帮助<div>。
目前，我的代码是：
chart.width(500)
.height(180)
.radius(80)
.dimension(categoryDimension)
.group(categoryGroup)
.legend(dc.legend().x(140).y(0).gap(5));
加上.label指令以百分比替换标签。
超银河
我只是用CSS覆盖尝试了一下，它似乎起作用了：
饼图根据您声明图表的宽度来创建SVG画布，然后将其放置在中间。我以SVG画布为目标，并添加了另一个宽度，它显示出来。使标签在画布上偏移会导致其被隐藏。
因此，如果您的饼形图的宽度为200，且ID为“ piechart”，并且您想要添加额外的150像素来说明标签，请尝试以下CSS：
#piechart svg { width: 350px; }
记住要在页面布局中考虑该宽度。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
dc.js：向饼图中添加图例
- 2
dc.js 1.7中的饼图图例未显示
- 3
如何使用 Chart.js v1 向饼图添加彩色图例框？
- 4
隐藏值在dc.js饼图/图例中的条目（如果它们的值为0）
- 5
如何在SSRS中向饼图图例添加其他列？
- 6
在dc.js中将多个饼图链接到单个图例
- 7
向Chart js饼图添加标签
- 8
删除饼图dc.js中的小数
- 9
在R中向饼图添加标签...辐射“辐射”？
- 10
向表面图添加图例
- 11
dc.js 向 xAxis 标签添加计数
- 12
如何向每个子图添加图例
- 13
向维恩图添加图例
- 14
如何通过CSS在dc.js中设置饼图的宽度
- 15
如何更改dc.js中饼图和行图上标签的字体大小？
- 16
有没有办法在d3中向饼图添加突出显示？
- 17
在asp.net中向饼图添加值和百分比
- 18
如何在ggplot中向饼图添加数字和百分比
- 19
在CorePlot中向饼图添加标签：不知道如何
- 20
dc.js 饼图未显示所有标签
- 21
将百分比添加到dc.js中的饼图标签中
- 22
了解 Chart.js 并向饼图添加图例
- 23
向scatter3d图添加图例
- 24
向RGL 3D图添加图例
- 25
向网络图添加图例以说明节点的着色
- 26
在Python中向散点图添加图例
- 27
向R中的ggplot2中的堆叠条形图添加水平线，并在图例中显示
- 28
如何根据对象中的数据动态地向条形图添加图例 (d3)
- 29
向ggmap添加图例
我来说两句