如何在angular nvd3

时间:2016-11-17 20:33:38

标签: angularjs d3.js nvd3.js angular-nvd3

我在角度nv3d中使用力导向图。我想自定义节点上的文本颜色以及修改工具提示。我一直在试图弄清楚如何强制节点更稀疏。这是我的图表对象:

chart: {
      type: 'forceDirectedGraph',
      height: 450,
      color: function(d) {
        return color(d.Name);
      },
      tooltipContent: function (key) {
        return '<h3>' + key + '</h3>';
      },
      margin: {top: 20, right: 20, bottom: 20, left: 20},
      nodeExtras: function(node) {
        node && node
          .append('text')
          .attr('dx', 15)
          .attr('dy', '.35em')
          .text(function(d) {
            return d.Name;
          })
          .style('font-size', '25px'); 
      },
    },
  };

正如您所看到的,我尝试将tooltipContent属性添加到图表对象中无济于事。非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:0)

要自定义工具提示,请执行以下操作

    chart: {
        type: 'forceDirectedGraph',
        ... /* All properties */
        height : 400,
        tooltip : { 
          contentGenerator : function (obj) { return "<div> **custom formating** </div>"}              
        }
    }