fusioncharts json java,FusionCharts使用教程:利用XML/JSON属性加载外部LOGO
在使用FusionCharts圖表時,你可以在運行時加載外部Logo并顯示于圖表中。Logo可以是GIF/JPEG/PNG或SWF文件。你可以使用chart元素的logoURL屬性來加載一個Logo。
XML
JSON
{
"chart":{ "yaxisname":"Sales Figure", "caption":"Top 5 Sales Person", "numberprefix":"$", "useroundedges":"1", "bgcolor":"FFFFFF", "showborder":"0", "exportenabled":"1", "exportshowmenuitem":"0", "logourl":"fusionchartsv3.2-logo.png" },
"data":[{ "label":"Alex", "value":"25000" },
{ "label":"Mark", "value":"35000" },
{ "label":"David", "value":"42300" },
{ "label":"Graham", "value":"35300" },
{ "label":"John", "value":"31300" }]
}
預覽結果:
值得注意的是,出于安全原因,Flash Player不允許你加載跨域名文件或帶有絕對路徑的文件。因此,logoUrl文件與圖表應屬于同一
域,并且應該從相對路徑加載。
配置Logo位置
外部Logo可以通過屬性進行配置,并顯示在下列位置:
TL - Top-left of the chart
TR - Top-right of the chart
BL - Bottom-left of the chart
BR - Bottom-right of the chart
CC - Center of the chart
配置Logo不透明度和大小
一旦加載了Logo,就可以在FusionCharts圖表中配置其不透明度和大小,具體方式如下:
XML
JSON
{
"chart":{
"yaxisname":"Sales Figure",
"caption":"Top 5 Sales Person",
"numberprefix":"$",
"useroundedges":"1",
"bgcolor":"FFFFFF,FFFFFF",
"showborder":"0",
"exportenabled":"1",
"exportshowmenuitem":"0",
"logourl":"fusionchartsv3.2-logo.png",
"logoposition":"CC",
"logoalpha":"30",
"logoscale":"110"
},
"data":[{
"label":"Alex",
"value":"25000"
},
{
"label":"Mark",
"value":"35000"
},
{
"label":"David",
"value":"42300"
},
{
"label":"Graham",
"value":"35300"
},
{
"label":"John",
"value":"31300"
}
]
}
最終帶有Logo的FusionCharts圖表顯示結果如下:
將Logo與外部URL鏈接
設置,將Logo與外部URL鏈接起來。此鏈接可以在同一窗口,新窗口,彈出窗口,框架,甚至調用JavaScript方法來打開。
標簽:JavaScriptFusionCharts圖像處理
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,尊重他人勞動成果
總結
以上是生活随笔為你收集整理的fusioncharts json java,FusionCharts使用教程:利用XML/JSON属性加载外部LOGO的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python3 换源_CentOS 7.
- 下一篇: delphi读取xml中的内容prope