利用fushionCharts制作报表的步骤&实例

木生火18624

于 2019-01-07 14:43:06 发布

阅读量265

点赞数

分类专栏： charts

本文链接：https://blog.csdn.net/penghao_1/article/details/86003177

版权

charts 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

现在让我们构建图表。有5个简单的步骤来构建一个使用FusionCharts套件XT图表:

1、安装FusionCharts套件XT为您的应用程序

2、将数据转换为一个JSON或XML格式。FusionCharts套件XT接受两种数据格式,并能读懂一个字符串,或从一个文件,本地的还是远程的

3、包括FusionCharts套件XT JavaScript库在您的HTML页面

4、创建一个容器< div >为图表

5、使用新的FusionCharts()构造函数来创建图表实例,然后调用render()方法

<body>
    <div id="main" style="height:400px;"></div>
    ...
    <script src="example/www2/js/dist/echarts-all.js"></script>
    <script>
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
            ...
        }
        myChart.setOption(option);
    </script>
</body>

木生火18624

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用fushionCharts制作报表的步骤&实例

现在让我们构建图表。有5个简单的步骤来构建一个使用FusionCharts套件XT图表: 1、安装FusionCharts套件XT为您的应用程序2、将数据转换为一个JSON或XML格式。FusionCharts套件XT接受两种数据格式,并能读懂一个字符串,或从一个文件,本地的还是远程的3、包括FusionCharts套件XT JavaScript库在您的HTML页面4、创建一个...
复制链接

扫一扫