Echarts_Bar_LogAxis

by tmtron

HTML

<script src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

option = {
  "color": ["#c23531", "#2f4554", "#61a0a8", "#d48265", "#91c7ae", "#749f83", "#ca8622", "#bda29a", "#6e7074", "#546570", "#c4ccd3"],
  "gradientColor": ["#f6efa6", "#d88273", "#bf444c"],
  "textStyle": {
    "fontFamily": "Microsoft YaHei",
    "fontSize": 12,
    "fontStyle": "normal",
    "fontWeight": "normal"
  },
  "animation": "auto",
  "animationDuration": 1000,
  "animationDurationUpdate": 300,
  "animationEasing": "exponentialOut",
  "animationEasingUpdate": "cubicOut",
  "animationThreshold": 2000,
  "progressiveThreshold": 3000,
  "progressive": 400,
  "hoverLayerThreshold": 3000,
  "useUTC": false,
  "dataset": [{
    "source": [
      [1567728044000, 11.38, 10.94, 10.89],
      [1567728644000, 11.29, 10.86, 10.81]
    ],
    "sourceHeader": false,
    "seriesLayoutBy": "column",
    "dimensions": null
  }],
  "timeline": [],
  "title": [],
  "toolbox": [{
    "feature": {
      "dataZoom": {
        "show": false,
        "yAxisIndex": "none",
        "filterMode": "filter",
        "icon": {
          "zoom": "M0,13.5h26.9 M13.5,26.9V0 M32.1,13.5H58V58H13.5 V32.1",
          "back": "M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26"
        },
        "title": {
          "zoom": "区域缩放",
          "back": "区域缩放还原"
        }
      },
      "dataView": {
        "show": false,
        "readOnly": false,
        "optionToContent": null,
        "contentToOption": null,
        "icon": "M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28",
        "title": "数据视图",
        "lang": ["数据视图", "关闭", "刷新"],
        "backgroundColor": "#fff",
        "textColor": "#000",
        "textareaColor": "#fff",
        "textareaBorderColor": "#333",
        "buttonColor": "#c23531",
        "buttonTextColor": "#fff"
      },
      "saveAsImage": {
        "show": false,
        "icon":...