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

1、安装echarts依赖 npm install echarts -S 或者使用淘宝的镜像 npm install

//提示框 tooltip: { //触发类型:坐标轴触

// 动态显示tootip let tipIndex= 0; //播放所在下标 let timer1= setI

xAxis : [   splitLine:{     show:false   } ], yAxis : [   s

1、安装依赖 npm install echarts --save npm install --save @type

使用echart5加载json地图,尝试多次后放弃,直接使用echart4。 修改json地图上显示名称的位置坐标【与上面查询的经纬前后相反】的"

clear和dispose是echarts提供的用于解决内存溢出的方法。 1、clear()是清空当前实例,会移除实例中所有组件和图表 2、dispose()是销毁实

可以优先考虑使用echarts.connect+echarts.group功能,或者使用下面这种方式。 <!DOCTYPE html> <html lang="en" style="height: 1