Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

vue+百度ECharts做一个可视化图表

//1、安装 ECharts
npm install echarts --save

//2、引入 ECharts
import echarts from 'echarts';

//3、创建图表
let myChart = echarts.init(document.getElementById('myChart'));

//4、设置图表选项和数据
let option = {
  title: {
    text: '示例图表'
  },
  tooltip: {},
  legend: {
    data:['访问量']
  },
  xAxis: {
    data: ["百度","谷歌","网易","QQ","淘宝","京东"]
  },
  yAxis: {},
  series: [{
    name: '访问量',
    type: 'bar',
    data: [125, 220, 316, 120, 310, 320]
  }]
};

//5、渲染图表
myChart.setOption(option);
点击展开全文

相关文章

  1. 百度Echarts实现大事件左右分布效果图
  2. 百度Echarts公交线路实时进度
  3. 百度Echarts公司架构关系图
  4. 百度Echarts实现一个金字塔立体效果(漏斗图)
  5. 百度Echarts解决各种图表定时切换不冲突(重叠)