Echarts助力大数据绘制可视化图表零基础入门-针对运维

最新推荐文章于 2021-09-07 21:59:15 发布

weixin_33857230

最新推荐文章于 2021-09-07 21:59:15 发布

阅读量237

点赞数

文章标签： javascript 运维 python ViewUI

原文链接：http://blog.51cto.com/fengzhilinux/1577684

版权

前言

因为语言能力比较差,个人只稍接触过python,php,shell(也算语言吧^^),突然遇到echarts javascripts语言类型,看了多遍官网也一直没有什么思路,网上找到的部分文章表示云里雾里,索引耐着性子钻研了会javascripts 和 echarts 感觉还是非常简单的。

Echarts简介
1. Echarts简介
2. 百度开源产品
3. 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>

<title>ECharts</title>

</head>

<body>

<script src="./build/dist/echarts.js"></script>

// 路径配置

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 : [

文章能力 python

上一篇：python多线程paramik... 下一篇：千万并发压测环境php5.4.3...

风之linux

30篇文章，31W+人气，1粉丝

关注

Ctrl+Enter 发布

发布

取消

扫一扫,领取大礼包

关注

风之linux

转载于:https://blog.51cto.com/fengzhilinux/1577684

weixin_33857230

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Echarts助力大数据绘制可视化图表零基础入门-针对运维

前言因为语言能力比较差,个人只稍接触过python,php,shell(也算语言吧^^),突然遇到echarts javascripts语言类型,看了多遍官网也一直没有什么思路,网上找到的部分文章表示云里雾里,索引耐着性子钻研了会javascripts 和 echarts 感觉还是非常简单的。Echarts简介Echarts简介百度开源产品Echarts主要用于...
复制链接

扫一扫