【发布时间】:2014-01-07 21:05:15
【问题描述】:
通过使用 Fusion Chart 能够在阅读 fusion chart 提供的文档后显示 2d 圆环图,但在下面的代码中,我在左侧使用图例,我希望在图例下方显示相关数据标签。
例如,我在这段代码中的标签是 Electric Power Generation,它的值是 20,所以我希望这 20 显示在图例标签下方。
如果可能的话,请告诉我该怎么做。
<html>
<head>
<title>My First chart using FusionCharts - Using JavaScript</title>
<script type="text/javascript" src="FusionCharts.js"></script>
</head>
<body>
<div id="chartContainer">FusionCharts XT will load here!</div>
<div id="chartContainer1" style="margin-left: 50%;
margin-right: 10%;
margin-top: -22%;">FusionCharts XT will load here!</div>
<script type="text/javascript"><!--
var myChart = new FusionCharts( "Doughnut2D.swf",
"myChartId", "500", "300", "0", "0");
var dataString ='<chart caption="View Indusries" showLabels="0" showValues="0" showLegend="1" legendPosition="RIGHT" chartrightmargin="40" bgcolor="ECF5FF" bgalpha="70" bordercolor="C6D2DF"\n\
basefontcolor="2F2F2F" basefontsize="11" showpercentvalues="1" bgratio="0" startingangle="200" animation="1">\n\
<set value="20" label="Electric Power Generation" color="005C8E"/>\n\
<set value="32" label="Industrial Processes" color="00759B"/>\n\
<set value="12" label="Residential and Commercial Activities" color="0296D2"/>\n\
<set value="20" label="Agriculture" color="40C7F9"/>\n\
<set value="2" label="Waste Disposal" color="00496C"/>\n\
</chart>';
myChart.setXMLData( dataString );
myChart.render("chartContainer");
// -->
</script>
</body>
</html>
【问题讨论】:
-
要在图例标签下方显示值,请尝试使用以下代码:
-
@Swarram 这对我不起作用,但我修改了适合我的代码。不要放 {br} ,请放 \r\.
-
@Swarram 我可以将该值与一些样式和颜色一起使用吗,因为要求是标签并且值应该是不同的颜色。
-
不,不能为标签/值对提供不同的样式/颜色。
标签: fusioncharts