图表控件anyChart和FusionCharts的flash透明

设置图表透明度

最新推荐文章于 2019-09-12 11:20:04 发布

原创最新推荐文章于 2019-09-12 11:20:04 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

40 篇文章

订阅专栏

本文介绍如何使用anyChart和FusionCharts两种图表库设置图表背景为透明，并提供了具体代码实例。对于anyChart，通过设置chart.wMode为transparent实现；对于FusionCharts，则通过chart.setTransparent(true)来实现。此外，还提到了对于FusionCharts的XML配置文件中canvasBgAlpha和bgAlpha参数的设置。

【anyChart】：（以某折线图为例）

chart.wMode = "transparent";

例子：
<script>

    var chart = new AnyChart('js/anyChart-6.2.0/swf/AnyChart.swf?rid='+ new Date().getTime(), 'js/anyChart-6.2.0/swf/Preloader.swf');
   chart.width = "90%";
   chart.height = "60%";
   chart.wMode = "transparent";
   //dataPath='data_bak/21_ad.xml';
   chart.setXMLFile(dataPath);
   chart.write(elementID);

</script>

【FusionCharts】：（以中国地图为例）

chart.setTransparent(true);

例子：
<script>

    var chart = new FusionCharts("js/FUSIONCHARTS.COM/FusionMapsXT/Maps/FCMap_China2.swf?r=" + new Date().getTime() , "ChartId"+ new Date().getTime() , "100%","100%");
   chart.setDataURL(dataPath);
   chart.setTransparent(true);
   //chart.updateChartURL(dataPath);
   chart.render(elementID);

</script>

注意，相应的xml文件要设

canvasBgAlpha=“0” 3d背景透明度
bgAlpha=“0” 背景透明度