ECharts 柱状图
2016-01-22 13:45
169 查看
// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: [{ value : "衬衫", textStyle : { fontSize : 20, color : "red" } },"羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', label:{ normal:{ show : true } }, data: [{ value : 50, itemStyle:{ normal:{color : "blue"} } }, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option,true);
阅读更多
相关文章推荐
- 【echarts】修改柱状图颜色
- Echarts 柱状图x轴显示全部类目
- Echarts3.0+JavaWeb+Mysql实现饼图,折线图,柱状图
- 完美解决echarts的柱状图和折线图的点击非图表图形元素不会触发事件
- Echarts 饼图,折线图,柱状图,条形图ajax动态渲染数据方法汇总
- 【前端统计图】echarts实现简单柱状图
- ASP.NET+JQuery+.Ashx实现+百度Echarts 实现动态柱状图数据图形报表的统计
- 使用Echarts几分钟制作出折线图、饼图、柱状图等
- ECharts系列 - 柱状图(条形图)实例
- 图形报表echarts的使用2--柱状图
- 使用Echarts总结之——使用柱状图和地图与后台数据交互
- Echarts 3.19 .net<ajax+json>绘制柱状图 非静态
- echarts集成 实例-包含柱状图、悬浮提示、文本提示
- echarts柱状图的X轴Y轴加单位的写法
- echarts3 柱状图
- jQuery插件Echarts实现的渐变色柱状图
- echarts柱状图,改变柱状颜色
- Echarts柱状图,饼状图,折线图案例
- Echarts柱状图模板
- echarts-柱状图