ECharts 柱状图/条形图 |
您所在的位置：网站首页 › echarts柱状图位置 › ECharts 柱状图/条形图 |
ECharts 柱状图/条形图
|
概述
柱状/条形图 通过 柱形的高度/条形的宽度 来表现数据的大小，用于有至少一个类目轴或时间轴的直角坐标系上。 实例：实现一个简单的柱状图 我们之需要设置好x轴（xAxis）、y轴（yAxis）、以及数据（series）后，设置series中的type属性的值为bar，就可以实现一个最简单的柱状图使用代码： ECharts // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option);效果图如下： 
|
【本文地址】
今日新闻 |
推荐新闻 |