2014-01-07 74 views
0

通過使用Fusion Chart,我可以在閱讀融合圖表提供的文檔後顯示2d圓環圖,但是在下面的代碼中,我使用的是左側的圖例,我想要相關數據在圖例標籤的正下方顯示如何使用Fustion中的圖例顯示總價值圖表

例如我在這個代碼中的標籤是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> 
+1

只顯示圖例標籤下面值給出這種情況的解決方案,嘗試使用以下代碼:<設定值=「20」標籤=「電力一代20「displayValue =」發電「color =」005C8E「/> – Swarram

+0

@Swarram它不適用於我,但我修改了適用於我的代碼。請勿放入{br},請放入\ r \。 –

+0

@Swarram我可以使用該值的一些風格和顏色,因爲要求是標籤和價值應該是不同的顏色。 –

回答

0

我將在下面

var toalval = 20000; 
<set value="20" label="Electric Power Generation \r\ '+dsa+'" displayValue="Electric Power Generation" color="005C8E"/>\n\