ExtJS整合Echarts实现图表分析

最新推荐文章于 2019-04-30 15:59:39 发布

敷盎方

最新推荐文章于 2019-04-30 15:59:39 发布

阅读量2.1k

点赞数

分类专栏： ExtJS 文章标签： ExtJS5 echarts ExtJS整合echarts ExtJS图表分析

本文链接：https://blog.csdn.net/weixin_39389850/article/details/79744023

版权

本文介绍如何在ExtJS中整合Echarts，通过AJAX请求后台数据，然后在view层将数据填充到Echarts图表的data中，展示柱状图（bar）。示例代码展示了数据赋值的过程，强调只需将后台返回的对象数据插入到对应的Echarts配置项即可，对于pie和map等其他图表类型，数据处理方式类似。

摘要由CSDN通过智能技术生成

ExtJS整合Echarts实例

流程：ExtJS通过AJAX请求到后台，后台组装数据并返回，在view层将返回的数据填入echarts相应的data中，就可以显示了。

Demo1：柱状图bar

查阅Echarts官网例子可得一下代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }]
};

效果图