FusionCharts （图表生成器）简单案例

请你吃代码去不去

于 2017-03-28 23:06:57 发布

阅读量908

点赞数

分类专栏：图表 js 文章标签： fusioncharts javascript

本文链接：https://blog.csdn.net/sinat_36465520/article/details/67684970

版权

js 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

图表

1 篇文章 0 订阅

订阅专栏

1、在WebRoot下引入FusionCharts包

FusionCharts文件

2、在中加入οnlοad=”aa()”方法

<body onload="aa()">
</body>

3、添加

<div id="tubiao" align="center"></div>

4、后台转json需要toString()

5、JS代码

  <script type="text/javascript">
    function aa(){
            //修改样式
            var _jddqChart = new FusionCharts("<c:url value='/FusionCharts/Charts/Doughnut3D.swf'/>", "_jddqChart", "600", "300", "0", "0");
            var chart = "";
            //接受页面传来的toString类型的json
            var json = '${json}';
            //解析json
            var list = eval("("+json+")");

                chart = "<chart showBorder='0' rotateValues='1' borderColor='#BEBEBE' paletteColors='CCCCCC,FFFFFF,FF0000,00FF00,0000FF'  chartTopMargin='20'  chartBottomMargin='0' captionPadding='0' bgColor=\"FFFFFF\" formatNumberScale='0' palette=\"2\" rotateYAxisName='0' yAxisName='人\n数' caption=''  labelDisplay='WRAP' baseFontSize='12' placeValuesInside='1' baseFontColor='black'>";

                            chart += "<set label='部门1' value='2' color='FF0000'/>";
                            chart += "<set label='部门2' value='5' color='FF0000'/>";
                            chart += "<set label='部门3' value='3' color='FF0000'/>";
                            chart += "<set label='部门4' value='1' color='FF0000'/>";
                            chart += "<set label='部门5' value='4' color='FF0000'/>";
                //再下面加<div id="tubiao" align="center"></div>
                chart += "</chart>";

            _jddqChart.setDataXML(chart);
            _jddqChart.render("tubiao");
    }
  </script>

请你吃代码去不去

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
FusionCharts （图表生成器）简单案例

1、在WebRoot下引入FusionCharts包2、在中加入onload=”aa()”方法<body onload="aa()"></body>3、添加<div id="tubiao" align="center"></div>4、后台转json需要toString()5、JS代码 <script type="text/javascript"> function aa(){
复制链接

扫一扫