echarts是开源的JavaScript可视化图表库,百度开发出来后捐给了Apache基金会,比较符合中国人的使用习惯。
官方网址:https://echarts.apache.org/zh/index.html
核心
instance | 实例 |
series | 系列 |
tooltip | 提示 |
legend | 图例 |
xAxis | x轴 |
yAxis | y轴 |
toolbox | 工具箱 |
dataZoom | 缩放 |
vitualMap | 虚拟映射 |
例:
<script>
// 初始化echart实例
var echart = echarts.init(document.getElementById("container"));
// 定义选项
var option = {
// 标题
title:{text:"前端大讲堂数据"},
// 鼠标提示
tooltip:{},
// 图例
legend:{data:["人数","人气","年龄分布"]},
// x轴线
xAxis:{data:["12-1","12-2","12-3","12-4","12-5"]},
// y轴线
yAxis:{},
// 系列数据
series:[
// 名称name,类型:柱状图,数据data
{name:"人数",type:"bar",data:[1000,800,500,900,1300]},
// areaStyle:{color:"#F70"}