前言
因为语言能力比较差,个人只稍接触过python,php,shell(也算语言吧^^),突然遇到echarts javascripts语言类型,看了多遍官网也一直没有什么思路,网上找到的部分文章表示云里雾里,索引耐着性子钻研了会javascripts 和 echarts 感觉还是非常简单的。
-
Echarts简介
-
Echarts简介
-
百度开源产品
-
Echarts主要用于数据汇总后的图表展示,基于zreader底层类库,通过创建坐标,图例,提示等组件,通过柱状图,散点图,拆线图,仪表图,地图等方式静态或动态展示。
-
-
地址
http://echarts.baidu.com/index.html |
https://github.com/ecomfe/echarts |
-
使用能力需求:
-
懂html <head><body><scripts>等层级架构
-
懂web服务
-
Echarts使用场景:
-
先介绍下个人的需求场景, zabbix首页展示可读性太差. 除专业人士外,普通产品,开发,BOSS想了解业务信息,难度不小.
-
数据汇总友好展示
-
Echarts使用
2.1 环境介绍
系统 | CentOS release 6.5 (Final) |
Nginx版本 | nginx/1.4.7 |
echarts版本 | 2.1.8 |
Echarts nginx 配置目录 | /usr/share/echarts-2.1.8 |
Zrendernginx 配置目录 | /usr/share/zrender-2.0.5 |
2.2 理解echarts目录摆放
注: 如下脚本从官网下载的脚本,可直接copy
<!DOCTYPE html> <head> <meta charset="utf-8"> <title>ECharts</title> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="height:400px"> <!-- ECharts单文件引入 我们这里只介绍单文件引入方式--> <script src="./build/dist/echarts.js"></script> <script type="text/javascript"> // 路径配置 require.config({ paths: { echarts: './build/dist' } });
// 使用 require( [ 'echarts', 'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载 ], function (ec) { // 基于准备好的dom,初始化echarts图表 var myChart = ec.init(document.getElementById('main'));
var option = { tooltip: { show: true }, legend: { data:['销量'] }, xAxis : [ ©著作权归作者所有:来自51CTO博客作者风之linux的原创作品,如需转载,请注明出处,否则将追究法律责任 0 收藏 猜你喜欢
我的友情链接
一次高性能并发引起的个人总结
python爬取百度图片代码
python学习——python中执行shell命令
遍历python字典几种方法
python string与list互转
python下的MySQLdb使用
python socket编程详细介绍
python之钉钉机器人zabbix报警
python join 和 split的常用使用方法
Python 学习笔记 (6)—— 读写文件
评论分享好文章,全站会员免费领
宜人贷蜂巢API网关技术解密之Netty使用实践
使用TensorFlow 来实现一个简单的验证码识别过程
ES学习笔记之-ClusterState的学习
Flink SQL解析Json格式数据的方法
kafka生产实例安装
搭建高可用mongo分布式---具体操作
Kafka不停机,如何无感知迁移ZooKeeper集群?
如何精简企业主数据“裹脚布”
![]() ![]() 扫一扫,领取大礼包 |
转载于:https://blog.51cto.com/fengzhilinux/1577684
Ctrl+Enter 发布
发布
取消