Echarts-介绍
ECharts是一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,同时兼容当前绝大部分的浏览器。ECharts提供了常规的图表,如柱状图,饼图,线型图,地图等,以及一些扩展的图表,如热力图,力导向图,以及一些可以提供更复杂交互的图表。
以下是一个简单的ECharts实例,它创建了一个基本的条形图。
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在这个例子中,我们首先使用 echarts.init
方法初始化一个ECharts实例。然后我们定义了一个 option
对象,包含了图表的配置项和数据。最后,我们使用 setOption
方法将这些配置和数据应用到ECharts实例上,这样一个基本的条形图就显示出来了。
这只是ECharts能力的一小部分,ECharts还有很多其他的配置项和高级功能,如动画、数据区域选择、工具箱等。
评论已关闭