小编Sar*_*ara的帖子

我在Apex中建立了一个D3力图,基本上就像http://bl.ocks.org/mbostock/1093130或http://bl.ocks.org/mbostock/4062045.不同之处在于,我从数据库的地址表中使用Application Process提取数据.它工作得很好.

节点的颜色由地址类型定义(如联系人,付款办公室,许可证持有者......).现在我想在页面的侧面添加一个图例,其中包含图表使用的不同颜色和连接的地址类型.

我是在CSS内联部分的页面属性中执行此操作,还是必须在D3图形JavaScript代码中添加内容.

这是我的代码:

var graph;

function get_chart_data() {
var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=AddressData',$v('pFlowStepId'));  
var data_all = get.get(); 
var obj = eval ("(" + data_all + ")"); 
return obj;
}


function showChart2() {

graph = get_chart_data();

var width = 1000,
    height = 800;

var color = d3.scale.category20();

var force = d3.layout.force()
    .gravity(0)
    .charge(-400)
    .linkDistance(90)
    .size([width, height]);


var svg = d3.select("#chart2").append("svg")
    .attr("width", width)
    .attr("height", height);

var nodeById = d3.map();

    graph.nodes.forEach(function(node) {
    nodeById.set(node.id, node);
  });

  graph.links.forEach(function(link) { …