在画布内显示Fusionchart自定义消息

时间:2014-06-05 10:57:01

标签: javascript php xml fusioncharts

我需要在fusionchart中显示消息(我使用Bar 2D Chart)。我检查了API,但我没有。

我需要传递xml消息(我附上了图像)

你能帮我吗? (灰色是图表的边界)

enter image description here

1 个答案:

答案 0 :(得分:1)

我找到了一种方法来实现它,但它使用了js(不使用xml)。

http://jsfiddle.net/shamasis/WzNKT/

这个网址对我很有帮助,感谢开发人员。

var myChart = new FusionCharts( "FusionCharts/Column3D.swf", 
      "myChartId", "400", "300", "0" );
      myChart.setXMLUrl("Data.xml");
      myChart.render("chartContainer");


function myChartListener(eventObject, argumentsObject) {
    myChart.ref.showChartMessage("Hello... the world ends here, take a peek before its gone!", true);
    }
 myChart.addEventListener ("rendered" , myChartListener );

当此消息显示时,它会产生一些黑色背景色(如下图所示)

enter image description here

如果要更改消息或背景颜色的样式,则可以更改SVG的CSS

.xxxxx div span svg rect { 
    fill-opacity: 0;
}
.xxxxx div span svg g rect { 
    fill-opacity: 1;
}
.xxxxx div span svg text tspan {
    fill: black;
    font-size: 12px;
}

(此css与顶部图像相同)