charts - 如何更改 NVD3 图表中的图例位置?

标签 charts d3.js legend nvd3.js

有谁知道如何相对于图形本身在 NVD3 图表中重新定位图例?

默认情况下它在顶部,我希望它放在一边(更好地利用我的应用程序中的空间)

我想做的一个例子:
enter image description here

最佳答案

在撰写本文时(2015 年 7 月 2 日) nvd3 支持将图例放在饼图的右侧。

初始化图形时,设置 legendPositionright .

例子:

nv.addGraph(function() {
    var chart = nv.models.pieChart()
      .x(function(d) { return d.label })
      .y(function(d) { return d.value })          
      .legendPosition("right");


    svg.datum(piedata).call(chart);

  return chart;
});

http://nvd3-community.github.io/nvd3/examples/documentation.html#pieChart

关于charts - 如何更改 NVD3 图表中的图例位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17416895/

相关文章:

macros - 在 OpenOffice Calc 中自动化图表标题

javascript - 为什么谷歌图表 api 选项给我错误名为 "uncaught syntax error"

javascript - 将参数传递给 'document.getElementById'

javascript - 我有一组字符串数据,我希望将其绘制在所需的分区中,并将字符串整齐地靠近绘制的圆圈

javascript - 拖动节点时调整 viewBox 的大小

R plotly 4.5.2版散点图图例气泡大小设置

r - ggplot2 自定义图例形状

javascript - 如何将 Chart.JS 折线图标签居中对齐

r - 在 R ggplot : manually assigning colors and values polygons should take 中制作特定图例

javascript - 在 d3 树布局中查找链接终点的坐标