echarts数据区域缩放
阅读数:107 评论数:0
跳转到新版页面分类
html/css/js
正文
选框缩放
myCharts.setOption({
title:{
text:"滚动条缩放数据"
},
tooltip:{
trigger:'axis'
},
xAxis:{
data:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
},
toolbox: {
show:true,
feature:{
dataZoom: {
yAxisIndex:"none"
},
//其他功能性按钮查看官网进行增加,包括(显示数据,下载图片,改为柱状图等)
}
},
series:[{
type:"line",
data:arr
}]
})
相关推荐
echarts
是百度公司前端开发一个图表库,支持柱状图、饼状图、k线图、map图、热导向图、折线图。
主要采用canvas画图。完全免费。
hi
引入方式改为
import * as echarts from 'echarts';
// 或
const echa
clear和dispose是echarts提供的用于解决内存溢出的方法。
1、clear()是清空当前实例,会移除实例中所有组件和图表
2、dispose()是销毁实
可以优先考虑使用echarts.connect+echarts.group功能,或者使用下面这种方式。
<!DOCTYPE html>
<html lang="en" style="height: 1