柱状图X轴显示两级类目实现原理（上次你们回答的答案有bug,）

heianqishizhisuiyuan commented 5 years ago

[x] I am using English in this issue. 在这个 Issue 中我使用了英文（强烈建议）。

General Questions

[√] Required: I have read the document and examples and tried to solve it by myself. （必填）我读过了文档和教程，并且曾试图自己解决问题。
[√] Required: I have searched for similar issues and that didn't help. （必填）我搜索过 issue 但是没有帮助。
[√] Required: I have tried with the latest version of ECharts and still have this problem. （必填）我试过最新版本的 ECharts，还是存在这个问题。

In this issue, I have provided information with: 在这个 issue 中我提供了以下信息：

[√] Required: issue type；（必填）issue 类型
[√] Required: one sentence description in issue details；（必填）一句话的问题描述
[√] Required: demo；（必填）能反映问题的例子（如果你想提问或报 bug）
[√ ] Required: ECharts version；ECharts 版本

Issue Type

[√] I have a question to ask about how to use ECharts to ...；我想提问如何使用 ECharts 实现某功能
[√] I have a bug to report；我想要报 bug
[ x] I have a feature to request, e.g.: I'd like a new feature that ...；我需要一个新功能
[ x] I have a feature to enhance, e.g.: The current feature should be improved in the way that ...；我希望改进某个功能
[ x] There's something wrong with the documents；文档有些问题
[ x] Others, or I'm not sure which issue types to choose here；其他，或我不知道应该选什么类型

Issue Details

柱状图X轴显示两级类目

Expected Behavior

Current Behavior

Online Example

https://gallery.echartsjs.com/editor.html?c=xQNLk5u-67&v=5

   axisTick: {
          show:true,
          length: 110,
          alignWithLabel: false,
          interval: function(param,value){
            if(value ==undefined){
              return true
            }
            return param%4 ===0;
          },
        },

Topics

[ x] Legend
[ x] Tooltip
[ x] Event
[x ] Performance
[ x] SVG
[ x] Map
[x ] ECharts GL
[ x] Third-party libraries, e.g.: Vue.js, React

Anything Else We Need to Know

1.我想实现柱状图X轴显示两级类目，想利用了两个x轴实现，但是发现第二个类目没法居中（兼容dataZoom放大缩小，兼容dataZoom放大缩小，兼容dataZoom放大缩小，重要的事情说三遍。）之前我发过一个提问，但是你的回答说做了一个例子 https://gallery.echartsjs.com/editor.html?c=xR9ug3y7FY&v=2。但是有个bug,当触发dataZoom的时候会发现第二类目的范围会出现偏差。

Environment

ECharts version；ECharts 版本: {3.8.0}
[ x] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：{BROWSER_VERSION_OR_OS_INFORMATION_HERE}

100pah commented 5 years ago

https://gallery.echartsjs.com/editor.html?c=xR9ug3y7FY&v=3