echarts中折线图、柱状图之间的转换

echarts中折线图、柱形图、数据视图的转换需要toolbox里面的内容（也就是加粗的部分）

// 基于准备好的dom，初始化echarts实例
var day = echarts.init(document.getElementById('day'));
// 指定图表的配置项和数据
var day_options = {
title: {
text: '日报表',
// subtext: '单位：条'
},
tooltip: {
trigger: 'axis'
},

toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
}, //区域缩放，区域缩放还原
dataView: {
readOnly: false
}, //数据视图
magicType: {
type: ['line', 'bar']
}, //切换为折线图，切换为柱状图
restore: {}, //还原
saveAsImage: {} //保存为图片
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1','2017-11-1']
},
yAxis: {
type: 'value'
},
series: [
{
name:'日报表',
type:'line',
data:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
markPoint: {
data: [
{
type: 'max', name: '最大值'
},
{
type: 'min', name: '最小值'
}
]
}
},

]
};
day.setOption(day_options);

echarts中折线图、柱状图之间的转换相关推荐

echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向
echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向 option1: {color: ['#21E9F6', '#F2CE2E', '#EE2929', '#006DD9', '#1789FF ...
Echarts实现折线图+柱状图+折线图填充
用Echarts练习实现折线图+柱状图+折线图填充,以便后续使用时可直接复制 option = {title: {text: '动态数据',subtext: '纯属虚构'},tooltip: {tri ...
Echarts中折线图Y轴数据值太长显示不全-解决办法
正常状态不全的情况所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况代码 <div id="c ...
Echarts中折线图如何绘制光滑曲线？
"data":[{"name":"指标a","type":"line","stack&qu ...
java用ftl模板循环导出word生成echarts图表折线图柱状图饼图横向表格竖向表格
写了一个月 4月20-5月20,终于完成 -一个日报大多es查的数据,有一点mysql查的数据先占个坑,回头有空记录一下
柱状图和折线图_SCI论文写作中折线图和柱状图的区别
编者按科研人SCI由洪堡学者,香港大学,中科院等多单位的博士团队联合打造,专注于科研论文写作和科研咨询,欢迎大家点击上方蓝字科研人SCI关注我们. SCI论文写作中折线图和柱状图的区别在SCI论文 ...
echarts——实现面积图+柱状图+折线图等——基础积累
因为到年底了,很多项目组都开始做年终汇报,年终汇报的展示形式最常见的就是看板. 样式美观,可以放到电视机或者大屏上,通过图表的形式进行展示,简单明了,通俗易懂. 直接上最终效果图:是一个展示客户量/流 ...
使用 Echarts 实现折线图中线条添加、删除、编辑
使用 Echarts 实现折线图中线条添加.删除.编辑小帅小白,也能改变浪花的方向,公众号:51reboot运维开发介绍一下使用 Echarts 做数据统计分析,如何实现支持折线图的添加.删除. ...
echarts 折线图 + 柱状图
Echarts 常用各类图表模板配置注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...

echarts中折线图、柱状图之间的转换

echarts中折线图、柱状图之间的转换相关推荐

最新文章

热门文章