ECharts 是一个使用 JavaScript 实现的开源可视化库,可以轻松实现各种图表的绘制。它具有丰富的图表类型,包括折线图、柱状图、饼图、地图等,广泛应用于数据可视化领域。
图表类型
- 折线图:用于展示数据的变化趋势。
- 柱状图:用于比较不同类别或系列的数据。
- 饼图:用于展示各部分占整体的比例。
- 地图:用于展示地理位置分布的数据。
使用方法
- 引入 ECharts 库。
- 创建一个图表容器。
- 初始化 ECharts 实例。
- 配置图表的选项。
- 使用
setOption
方法将配置应用到 ECharts 实例。
示例
// 引入 ECharts 主模块
var echarts = require('echarts/lib/echarts');
// 引入柱状图
require('echarts/lib/chart/bar');
// 使用刚指定的配置项和数据显示图表。
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
});
ECharts 示例
更多详细信息和教程,请访问 ECharts 官方网站。