Question

我使用nodeRules为节点设置特定的样式，具体取决于节点的类型。现在正在寻找一种方法来取代nodeDisplay设置。我想要实现的是，当没有node.image可用时，它会显示标签。

在我的图表中我有：

            style:{
                nodeRules:{"rule1":nodeStyle},
                linkRules:{"rule1":linkStyle},
                linkLabel:{textStyle:{font:"12px Arial", fillColor: "black"}, backgroundStyle:{fillColor:"#FFF", lineColor:"black"}},
                makeImagesCircular:true,
                nodeDisplay:"image"
            },

在我的nodeStyle函数中，我希望有这样的东西：

            case "organization":
                node.radius = 40;
                node.fillColor = "red";
                node.lineColor = "red";
                node.labelStyle= {textStyle:{font:"14px Arial",fillColor:"black"}};

                $.ajax({
                    url:'/img/'+node.id+'.png',
                    type:'HEAD',
                    error: function()
                    {


                      // here the chart's nodeDisplay settings would be overruled

                      node.display="roundtext";




                    },
                    success: function()
                    {
                        node.image= "/img/"+node.id+".png";
                    }
                });                    
                break;

Answer 1

目前nodeDisplay是一个全局设置，不是每个节点可自定义的。

在开发图表时，每个节点的显示类型肯定会实现。

在zoomcharts中的nodeRule中覆盖chart.style.nodeDisplay

1 个答案: