滚动条

描述:当前是关于Echarts图表中的 示例。
 
            option = {
  "color": [
    "skyblue",
    "#E3E3E3",
    "green"
  ],
  "title": {
    "text": "测试滚动条",
    "textStyle": {
      "fontSize": 16,
      "fontFamily": "Microsoft YaHei",
      "fontWeight": "bold"
    }
  },
  "grid": {
    "left": "0px",
    "right": 0,
    "top": 36,
    "bottom": 10,
    "containLabel": true
  },
  "animationEasing": "elasticOut",
  "legend": {
    "data": [
      "某某个数",
      "某某",
      "某某概率"
    ],
    "show": false
  },
  "tooltip": {
    "confine": true,
    "trigger": "axis",
    "axisPointer": {
      "type": "shadow",
      "shadowStyle": {
        "color": "rgba(0,0,0,0.04)"
      }
    },
    "backgroundColor": "#fff",
    "textStyle": {
      "color": "#333333",
      "fontSize": 11.2
    },
    "extraCssText": "box-shadow:0px 3px 7px 2px rgba(207,214,237,1);padding:10px"
  },
  "xAxis": {
    "type": "category",
    "data": [
      "分类1",
      "分类2",
      "分类3",
      "分类4",
      "分类5",
      "分类6",
      "分类7",
      "分类8",
      "分类9",
      "分类10",
      "分类11",
      "分类12",
      "分类13",
      "分类114"
    ],
    "silent": false,
    "splitLine": {
      "show": false,
      "interval": 0,
      "lineStyle": {
        "color": "#EDEFF6",
        "type": "solid"
      }
    },
    "axisLabel": {
      "color": "#323849",
      "interval": 0,
      "align": "center",
      "fontSize": 11.2
    },
    "axisTick": {
      "show": true,
      "interval": "auto",
      "alignWithLabel": true
    },
    "axisLine": {
      "lineStyle": {
        "color": "#F6F8FD"
      }
    },
    "triggerEvent": true
  },
  "yAxis": [
    {
      "interval": 5,
      "axisLine": {
        "lineStyle": {
          "color": "#F6F8FD"
        }
      },
      "splitLine": {
        "show": false
      },
      "axisLabel": {
        "color": "#BFBDBD",
        "fontSize": 11.2
      },
      "show": true,
      "offset": 0,
      "type": "value",
      "min": 0,
      "max": 10,
      "position": "left"
    },
    {
      "interval": 1,
      "axisLine": {
        "lineStyle": {
          "color": "#F6F8FD"
        }
      },
      "splitLine": {
        "show": false
      },
      "axisLabel": {
        "color": "#BFBDBD",
        "fontSize": 11.2
      },
      "show": true,
      "offset": 0,
      "type": "value",
      "min": 0,
      "max": 2,
      "position": "right"
    }
  ],
  "series": [
    {
      "name": "某某个数",
      "type": "bar",
      "barMaxWidth": 20,
      "data": [
        2.3,
        10,
        1.547,
        0.4,
        0.6,
        0.4,
        0.5,
        0.2,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.882,
        0,
        0,
        0
      ],
      "yAxisIndex": 0,
      "stack": "one",
      "barWidth": 24,
      
    },
    {
      "name": "某某",
      "type": "bar",
      "barMaxWidth": 20,
      "data": [
        3.491,
        0.0133,
        0,
        0.933334,
        0.1833,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.63,
        0.784,
        2.323425,
        0.4377,
        0,
        0.1355,
        0.583333,
        0.168889
      ],
      "yAxisIndex": 0,
      "stack": "one",
      "barWidth": 24,
      "emphasis": {
        "itemStyle": {
          "color": "#E3E3E3"
        }
      },
      
    },
    {
      "name": "某某概率",
      "type": "line",
      "barMaxWidth": 20,
      "data": [
        0.4980,
        0,
        1.8539,
        0.2999,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        1.4354417401069257,
        0,
        0,
        0
      ],
      "yAxisIndex": 1,
      "symbol": "none",
      
    }
  ],
  "dataZoom": [
    {
      "type": "slider",
      "start": 0,
      "end": 40,
      "height": 10,
      "bottom": 0,
      "showDetail": false,
      "showDataShadow": false,
      "borderColor": "transparent"
    }
  ]
}