博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts入门,5分钟上手写ECharts的第一个图表
阅读量:6093 次
发布时间:2019-06-20

本文共 850 字,大约阅读时间需要 2 分钟。

1.新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom。

    
ECharts

2.新建script标签引入模块化单文件echarts.js

    
ECharts

3.新建script标签中为模块加载器配置echarts和所需图表的路径

    
ECharts

4.script标签内动态加载echarts和所需图表,回调函数中可以初始化图表并驱动图表的生成

    
ECharts

5.查看效果

422101-20160804114612528-51826836.png

参考上述内容+官方相关案例,调整修改,应用到自己的项目中

422101-20160804114711590-297177991.png

    
支付方式统计

获取相关数据

getPaytypeOrderNum('weixin'); $payment['alipay'] = $orderModel->getPaytypeOrderNum('alipay'); $payment['integral'] = $orderModel->getPaytypeOrderNum('integral'); $payment['other'] = $orderModel->getPaytypeOrderNum(); $this->assign('payment',$payment); $this->display(); }}?>

422101-20160804114021778-519297687.png

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5736135.html如需转载请自行联系原作者

你可能感兴趣的文章
css斜线
查看>>
Windows phone 8 学习笔记(3) 通信
查看>>
重新想象 Windows 8 Store Apps (18) - 绘图: Shape, Path, Stroke, Brush
查看>>
Revit API找到风管穿过的墙(当前文档和链接文档)
查看>>
Scroll Depth – 衡量页面滚动的 Google 分析插件
查看>>
Windows 8.1 应用再出发 - 视图状态的更新
查看>>
自己制作交叉编译工具链
查看>>
Qt Style Sheet实践(四):行文本编辑框QLineEdit及自动补全
查看>>
[物理学与PDEs]第3章习题1 只有一个非零分量的磁场
查看>>
深入浅出NodeJS——数据通信,NET模块运行机制
查看>>
onInterceptTouchEvent和onTouchEvent调用时序
查看>>
android防止内存溢出浅析
查看>>
4.3.3版本之引擎bug
查看>>
SQL Server表分区详解
查看>>
使用FMDB最新v2.3版本教程
查看>>
SSIS从理论到实战,再到应用(3)----SSIS包的变量,约束,常用容器
查看>>
STM32启动过程--启动文件--分析
查看>>
垂死挣扎还是涅槃重生 -- Delphi XE5 公布会归来感想
查看>>
淘宝的几个架构图
查看>>
Android扩展 - 拍照篇(Camera)
查看>>