因为语言能力比较差,个人只稍接触过python,php,shell(也算语言吧^^),突然遇到echarts javascripts语言类型,看了多遍官网也一直没有什么思路,网上找到的部分文章表示云里雾里,索引耐着性子钻研了会javascripts 和 echarts 感觉还是非常简单的。
http://echarts.baidu.com/index.html |
https://github.com/ecomfe/echarts |
系统 | 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 |
注: 如下脚本从官网下载的脚本,可直接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 : [ Echarts助力大数据绘制可视化图表零基础入门-针对运维 原文地址:http://fengzhilinux.blog.51cto.com/1343279/1577684
踩
(0)
赞
(0)
举报
评论 一句话评论(0)
分享档案
|