Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

4.0.2 柱状图 放大后 位置下移了 #7534

Closed
CoderZSP opened this issue Jan 19, 2018 · 0 comments · Fixed by OpenTMI/opentmi-default-gui#32 or DeviaVir/zenbot#2011 · May be fixed by dyna-dot/iClient-JavaScript-s#1
Closed

4.0.2 柱状图 放大后 位置下移了 #7534

CoderZSP opened this issue Jan 19, 2018 · 0 comments · Fixed by OpenTMI/opentmi-default-gui#32 or DeviaVir/zenbot#2011 · May be fixed by dyna-dot/iClient-JavaScript-s#1

Comments

@CoderZSP
Copy link

One-line summary [问题简述]

柱状图部分位置下移了，显示越界。
是我哪里设置问题？

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:4.0.2
  • Browser version [浏览器类型和版本]:Safari
  • OS Version [操作系统类型和版本]: OSX 10.13.1

Expected behaviour [期望结果]

期望不要越界。
若是我的设置问题，求解答

ECharts option [ECharts配置项]

option = {
 "calculable" : false,
  "renderAsImage" : false,
  "series" : [
    {
      "largeThreshold" : 2000,
      "legendHoverLink" : true,
      "smooth" : false,
      "barCategoryGap" : "30%",
      "clickable" : true,
      "z" : 2,
      "dataFilter" : "nearest",
      "showAllSymbol" : false,
      "yAxisIndex" : 0,
      "type" : "bar",
      "data" : [
        23756.529999999999,
        26716.48,
        9424.25,
        9530.8999999999996,
        6035.3400000000001,
        0,
        3381.3499999999999,
        6528.8599999999997,
        3760.21,
        3502.3800000000001,
        1194.3599999999999,
        4612.3400000000001,
        0,
        1296.3800000000001,
        3743.4499999999998,
        26284.240000000002,
        1809.24,
        0,
        1947.3199999999999,
        2511,
        15559.23,
        0,
        5936.9399999999996,
        0,
        0,
        0,
        4760.2700000000004,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        3428.1500000000001,
        2521.0999999999999,
        1607.8599999999999,
        2441.52,
        4354.8100000000004,
        2960.9899999999998,
        10408.42,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "barGap" : "30%",
      "itemStyle" : {
        "emphasis" : {
          "color" : "#1886E3",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        },
        "normal" : {
          "color" : "#1886E3",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        }
      },
      "large" : false,
      "name" : "51周平均日用量"
    },
    {
      "largeThreshold" : 2000,
      "legendHoverLink" : true,
      "smooth" : false,
      "barCategoryGap" : "30%",
      "clickable" : true,
      "z" : 2,
      "dataFilter" : "nearest",
      "showAllSymbol" : false,
      "yAxisIndex" : 0,
      "type" : "bar",
      "data" : [
        30489.049999999999,
        36026.639999999999,
        8183.5699999999997,
        14145.48,
        7167.7200000000003,
        880.82000000000005,
        6253.9200000000001,
        8826.25,
        4777.7399999999998,
        3638.1700000000001,
        3584.2800000000002,
        5062.5,
        1168.51,
        1114.8299999999999,
        11842.41,
        30060.919999999998,
        706.26999999999998,
        3996.46,
        4380.8100000000004,
        5187.4099999999999,
        3824.5999999999999,
        2262.4499999999998,
        2967.6999999999998,
        4495.6300000000001,
        4126.5699999999997,
        0,
        3858.75,
        2924.0999999999999,
        1746.75,
        1975.5,
        2082,
        3088.5,
        0,
        0,
        0,
        1785.53,
        4356.0100000000002,
        8033.8199999999997,
        4208.71,
        13157.700000000001,
        12462.93,
        13743.9,
        0,
        0,
        0,
        0,
        0,
        0,
        0
      ],
      "barGap" : "30%",
      "itemStyle" : {
        "emphasis" : {
          "color" : "#F6A623",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        },
        "normal" : {
          "color" : "#F6A623",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        }
      },
      "large" : false,
      "name" : "52周平均日用量"
    },
    {
      "largeThreshold" : 2000,
      "legendHoverLink" : true,
      "smooth" : false,
      "barCategoryGap" : "30%",
      "clickable" : true,
      "z" : 2,
      "dataFilter" : "nearest",
      "showAllSymbol" : false,
      "yAxisIndex" : 0,
      "type" : "bar",
      "data" : [
        29524.110000000001,
        14007.120000000001,
        8411.6900000000005,
        10003.469999999999,
        11589.879999999999,
        896.50999999999999,
        4791.6000000000004,
        6617.21,
        7026.1099999999997,
        5556.4899999999998,
        3061.27,
        8506.9099999999999,
        416.82999999999998,
        1337.75,
        12256.059999999999,
        22903.669999999998,
        1427.8,
        1533.5699999999999,
        27902.540000000001,
        5579.8100000000004,
        28220.360000000001,
        754.44000000000005,
        3196.9299999999998,
        6200.3400000000001,
        6716.3900000000003,
        0,
        939.21000000000004,
        803.39999999999998,
        0,
        11446.959999999999,
        2096.5599999999999,
        4544.4799999999996,
        3509.3200000000002,
        0,
        761.25,
        4916.1400000000003,
        3039.4000000000001,
        6166.8000000000002,
        3378.46,
        8787.6399999999994,
        5666.96,
        12500.610000000001,
        5281.7299999999996,
        8854.1399999999994,
        328.94999999999999,
        0,
        0,
        0,
        0
      ],
      "barGap" : "30%",
      "itemStyle" : {
        "emphasis" : {
          "color" : "#90AFE4",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        },
        "normal" : {
          "color" : "#90AFE4",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        }
      },
      "large" : false,
      "name" : "1周平均日用量"
    },
    {
      "largeThreshold" : 2000,
      "legendHoverLink" : true,
      "smooth" : false,
      "barCategoryGap" : "30%",
      "clickable" : true,
      "z" : 2,
      "dataFilter" : "nearest",
      "showAllSymbol" : false,
      "yAxisIndex" : 0,
      "type" : "bar",
      "data" : [
        35376.440000000002,
        21978.869999999999,
        6576.0299999999997,
        8786.5499999999993,
        10064.26,
        2063.1399999999999,
        6502.3400000000001,
        13495.48,
        5614.5100000000002,
        6085.6499999999996,
        2312.5799999999999,
        8553.2600000000002,
        8796.3999999999996,
        1880.26,
        8418.7900000000009,
        49651.620000000003,
        1466.8,
        6279.8599999999997,
        7088.9499999999998,
        8273.3099999999995,
        12138.690000000001,
        7607.8699999999999,
        5459.1599999999999,
        4296.71,
        5477.7399999999998,
        1249.6300000000001,
        5644.4700000000003,
        1487.8099999999999,
        2465.04,
        6923.5200000000004,
        5541.7799999999997,
        2260.6999999999998,
        2172.1500000000001,
        1944,
        8513.8600000000006,
        10300.84,
        2953.7600000000002,
        10124.91,
        12560.67,
        7698.3199999999997,
        9854.2099999999991,
        11715.85,
        3042.8299999999999,
        11900.15,
        19656.810000000001,
        2519.0900000000001,
        3384.0500000000002,
        1441.74,
        690.61000000000001
      ],
      "barGap" : "30%",
      "itemStyle" : {
        "emphasis" : {
          "color" : "#6ED4DA",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        },
        "normal" : {
          "color" : "#6ED4DA",
          "label" : {
            "distance" : 10,
            "show" : false,
            "position" : "outer",
            "rotate" : false
          },
          "labelLine" : {
            "show" : true,
            "lineStyle" : {
              "type" : "solid"
            },
            "length" : 40
          }
        }
      },
      "large" : false,
      "name" : "2周平均日用量"
    }
  ],
  "grid" : {
    "y" : 75,
    "x2" : 45,
    "z" : 0,
    "x" : 45,
    "zlevel" : 0,
    "y2" : 40
  },
  "xAxis" : [
    {
      "splitLine" : {
        "show" : true,
        "onGap" : false,
        "lineStyle" : {
          "type" : "solid"
        }
      },
      "scale" : false,
      "position" : "'bottom'|'left'",
      "axisLabel" : {
        "interval" : "auto",
        "show" : true,
        "clickable" : false,
        "rotate" : 0,
        "margin" : 8
      },
      "show" : true,
      "z" : 0,
      "type" : "category",
      "data" : [
        "小华1号普通A+C",
        "小华2号A+C两层加硬",
        "小华3号170gA+B",
        "小华4号170gA+A",
        "小华5号（美牛双加硬）",
        "10号（Q636B）\/BE瓦",
        "11号（H737B）\/BC瓦",
        "12号（H737H）\/BC瓦",
        "13号（H636B）\/BC瓦",
        "14号（M535B）\/BC瓦",
        "15号（M536B）\/BC瓦",
        "16号（M636B）\/BC瓦",
        "17号（M535B）\/BE瓦",
        "18号（M536B）\/BE瓦",
        "19号（A5B）\/单B瓦",
        "1号（A535B）\/BC瓦",
        "20号（Q5B）\/单B瓦",
        "21号（Q6B）\/单B瓦",
        "22号（5B）\/E瓦",
        "23号（6B）\/E瓦",
        "24号（535B）\/BE瓦",
        "25号（A5B）\/E瓦",
        "26号（W5C）\/E瓦",
        "27号（H7H）\/单B瓦",
        "28号（636A）\/BE瓦",
        "29号（6A）\/E瓦",
        "2号（A536B）\/BC瓦",
        "30号（B53）\/单E瓦",
        "31号（B63）\/单E瓦",
        "32号（M33）\/单B瓦",
        "33号（B3C）\/单B瓦",
        "34号（M3C）\/单B瓦",
        "35号（B333C）\/BC瓦",
        "36号（M3333）\/BC瓦",
        "37号（M333C）\/BC瓦",
        "3号（A636B）\/BC瓦",
        "4号（A535B）\/BE瓦",
        "5号（A536B）\/BE瓦",
        "6号（A636B）\/BE瓦",
        "7号（Q535B）\/BC瓦",
        "8号（Q536B）\/BC瓦",
        "9号（Q636B）\/BC瓦",
        "38号（Q6B）\/单E层",
        "39号（B33）\/单B瓦",
        "40号（Q536B）\/BE瓦",
        "小华6号(A+C一层加硬)",
        "小华7号(A+C单B瓦)",
        "小华6号(120gA+C \/BE)",
        "43号（536B）\/BE瓦"
      ],
      "nameLocation" : "end",
      "zlevel" : 0,
      "axisLine" : {
        "show" : true,
        "lineStyle" : {
          "type" : "solid"
        },
        "onZero" : true
      },
      "name" : ""
    }
  ],
  "tooltip" : {
    "transitionDuration" : 0.40000000000000002,
    "borderColor" : "rgba(3,3,3,1.00)",
    "padding" : 5,
    "axisPointer" : {
      "show" : false,
      "type" : "shadow"
    },
    "position" : "(function (p){return ['50%', p[1] - 10]} )",
    "islandFormmater" : "{a} < br\/>{b} : {c}",
    "backgroundColor" : "rgba(0,0,0,0.70)",
    "trigger" : "axis",
    "show" : true,
    "z" : 8,
    "showContent" : true,
    "showDelay" : 20,
    "enterable" : false,
    "hideDelay" : 100,
    "borderWidth" : 0,
    "zlevel" : 1,
    "borderRadius" : 4
  },
  "dataZoom" : {
    "handleColor" : "rgba(70,130,180,0.80)",
    "start" : 0,
    "fillerColor" : "rgba(144,197,237,0.20)",
    "dataBackgroundColor" : "rgba(14,14,14,1.00)",
    "backgroundColor" : "rgba(0,0,0,0.00)",
    "realtime" : false,
    "show" : false,
    "z" : 4,
    "type" : "inside",
    "minSpan" : 5,
    "orient" : "horizontal",
    "zlevel" : 0,
    "handleSize" : 8,
    "end" : 100,
    "zoomLock" : false,
    "showDetail" : true
  },
  "title" : {
    "padding" : 5,
    "borderColor" : "rgba(12,12,12,1.00)",
    "textStyle" : {
      "fontFamily" : "Arial, Verdana, sans-serif",
      "fontStyle" : "normal",
      "fontWeight" : "bolder",
      "decoration" : "none",
      "fontSize" : 17
    },
    "subtextStyle" : {
      "fontFamily" : "Arial, Verdana, sans-serif",
      "fontSize" : 12,
      "fontStyle" : "normal",
      "fontWeight" : "normal",
      "decoration" : "none",
      "color" : "rgba(10,10,10,1.00)"
    },
    "sublink" : "",
    "x" : "left",
    "backgroundColor" : "rgba(0,0,0,0.00)",
    "y" : "top",
    "link" : "",
    "itemGap" : 5,
    "show" : true,
    "z" : 0,
    "borderWidth" : 0,
    "text" : "",
    "subtext" : "",
    "zlevel" : 0
  },
  "animation" : true,
  "toolbox" : {
    "padding" : 5,
    "borderColor" : "rgba(12,12,12,1.00)",
    "disableColor" : "rgba(13,13,13,0.00)",
    "x" : "right",
    "backgroundColor" : "rgba(0,0,0,0.00)",
    "effectiveColor" : "rgba(255,0,0,1.00)",
    "y" : "top",
    "itemSize" : 16,
    "itemGap" : 10,
    "show" : false,
    "z" : 6,
    "color" : [
      "rgba(30,144,255,1.00)",
      "rgba(34,187,34,1.00)",
      "rgba(75,0,130,1.00)",
      "rgba(210,105,30,1.00)"
    ],
    "showTitle" : true,
    "borderWidth" : 0,
    "feature" : {
      "dataView" : {
        "title" : "数据视图",
        "show" : false,
        "readOnly" : false,
        "lang" : [
          "数据视图",
          "关闭",
          "刷新"
        ]
      },
      "magicType" : {
        "show" : false,
        "title" : {
          "bar" : "柱形图切换",
          "chord" : "和弦图切换",
          "funnel" : "漏斗图切换",
          "force" : "力导向布局图切换",
          "tiled" : "平铺",
          "stack" : "堆积",
          "pie" : "饼图切换",
          "line" : "折线图切换"
        }
      },
      "mark" : {
        "show" : false,
        "title" : {
          "markClear" : "清空辅助线",
          "mark" : "辅助线开关",
          "markUndo" : "删除辅助线"
        },
        "lineStyle" : {
          "color" : "rgba(30,144,255,1.00)",
          "type" : "dashed",
          "width" : 2
        }
      },
      "restore" : {
        "show" : false,
        "title" : "还原"
      },
      "dataZoom" : {
        "show" : true,
        "title" : {
          "dataZoom" : "区域缩放",
          "dataZoomReset" : "区域缩放后退"
        }
      }
    },
    "orient" : "horizontal",
    "zlevel" : 0
  },
  "yAxis" : [
    {
      "splitLine" : {
        "show" : true,
        "onGap" : false,
        "lineStyle" : {
          "type" : "solid"
        }
      },
      "scale" : true,
      "position" : "'bottom'|'left'",
      "show" : true,
      "z" : 0,
      "type" : "value",
      "data" : [

      ],
      "nameLocation" : "end",
      "zlevel" : 0,
      "axisLine" : {
        "show" : true,
        "lineStyle" : {
          "type" : "solid"
        },
        "onZero" : true
      },
      "name" : "㎡"
    },
    {
      "splitLine" : {
        "show" : true,
        "onGap" : false,
        "lineStyle" : {
          "type" : "solid"
        }
      },
      "scale" : true,
      "position" : "'bottom'|'left'",
      "axisLabel" : {
        "formatter" : "(function (params) {if(params >= 10000000) { return (params\/ 10000000 + '千万' );} if (params >= 10000) { return (params\/ 10000 + '万' );}  else {return params;}})",
        "interval" : "auto",
        "show" : true,
        "clickable" : false,
        "rotate" : 0,
        "margin" : 8
      },
      "show" : true,
      "z" : 0,
      "type" : "value",
      "data" : [

      ],
      "nameLocation" : "end",
      "zlevel" : 0,
      "axisLine" : {
        "show" : true,
        "lineStyle" : {
          "type" : "solid"
        },
        "onZero" : true
      },
      "name" : ""
    }
  ],
  "legend" : {
    "borderColor" : "#ccc",
    "textStyle" : {
      "fontFamily" : "Arial, Verdana, sans-serif",
      "fontSize" : 12,
      "fontStyle" : "normal",
      "fontWeight" : "normal",
      "decoration" : "none",
      "color" : "rgba(3,3,3,1.00)"
    },
    "x" : "center",
    "y" : 29,
    "itemGap" : 5,
    "show" : true,
    "z" : 4,
    "itemWidth" : 20,
    "data" : [
      "51周",
      "52周",
      "1周",
      "2周"
    ],
    "selectedMode" : true,
    "orient" : "horizontal",
    "itemHeight" : 14
  }

};




### Other comments [其他信息]
<!-- For example: Screenshot or Online demo -->
<!-- [例如，截
![wechatimg1](https://user-images.githubusercontent.com/19318725/35136917-67ccfd02-fd21-11e7-8751-fe321b7b8c6f.jpeg)
图或线上实例 (JSFiddle/JSBin/Codepen)] -->
[](url)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
2 participants
@deqingli @CoderZSP