前面做项目时用到ECharts,今天特此整理一下,作为笔记,同时希望帮助更多人。
首先简单介绍一下,ECharts是一个纯JavaScript图表库,底层依赖于轻量级的Canvas类库ZRender,基于BSD开原协议,是一款非常优秀的可视化前端框架。
官网地址:http://echarts.baidu.com/
http://echarts.baidu.com/download.html
<script src="js/echarts.js"></script>
- 绘制一个简单的图表
准备一个DOM容器
<div style="border:2px solid #666;width:49%;height:450px;float:left" id="chartmain"></div>
<script type="text/javascript">
window.onload = function (){
//指定图表的配置项和数据
option = {
//标题
title: {
text: '基础雷达图'
},
tooltip: {},
legend: {
data: ['预