![1faace42ceecc4c0f56b578e1b8678e6.png](https://i-blog.csdnimg.cn/blog_migrate/d4128a5acd10eea3ee1fdc877d9e644a.jpeg)
原文:https://www.xncoding.com/2016/06/22/web/echarts.html
ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动, 可交互,可个性化定制的数据可视化图表。
提供大量常用的数据可视化图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示, 工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、 力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。
二维折线图
二维折线图是最常见的用法,这里我画的是最基础的二维折线图。
首先引入最新js依赖echarts.min.js
第二步,页面定义图表div,里面放的隐藏input是首页加载时候从后台传入的_隔开数据:
注意看js怎么写:
$(function () { // 开始初始化echart数据 x_data = ["衬衫