图表控件anyChart和FusionCharts的flash透明

原创于 2014-06-26 14:56:33 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

40 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【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” 背景透明度