echarts
echarts copied to clipboard
[Bug] 曲线图中横坐标时间参数倒序排列,dataZoom图标阴影与坐标轴中的曲线图相反
Version
5.2.2
Link to Minimal Reproduction
No response
Steps to Reproduce
import * as echarts from 'echarts';
var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option;
option = { xAxis: [ { type: 'time', boundaryGap: false } ], yAxis: [ { type: 'value', boundaryGap: false } ],
dataZoom: [ { type: 'slider', show: true, start: 0, end: 100, handleSize: '100%', bottom: 0 }, { type: 'inside', start: 0, end: 100 } ], series: [ { type: 'line', smooth: 0.6, symbol: 'none', lineStyle: { color: '#5470C6', width: 5 }, areaStyle: {}, data: // [ // {name:'2019-10-10', value:['2019-10-10',200],data:200}, // {name:'2019-10-11', value:['2019-10-11',560],data:560}, // {name:'2019-10-12', value:['2019-10-12',750],data:750}, // {name:'2019-10-13', value:['2019-10-13',200],data:200}, // {name:'2019-10-14', value:['2019-10-14',580],data:580}, // {name:'2019-10-15', value:['2019-10-15',200],data:200}, // {name:'2019-10-16', value:['2019-10-16',200],data:200}, // {name:'2019-10-17', value:['2019-10-17',200],data:200}, // {name:'2019-10-18', value:['2019-10-18',200],data:200} // ], [ { name: '2019-10-18', value: ['2019-10-18', 200], data: 200 }, { name: '2019-10-17', value: ['2019-10-17', 200], data: 200 }, { name: '2019-10-16', value: ['2019-10-16', 200], data: 200 }, { name: '2019-10-15', value: ['2019-10-15', 200], data: 200 }, { name: '2019-10-14', value: ['2019-10-14', 580], data: 580 }, { name: '2019-10-13', value: ['2019-10-13', 200], data: 200 }, { name: '2019-10-12', value: ['2019-10-12', 750], data: 750 }, { name: '2019-10-11', value: ['2019-10-11', 560], data: 560 }, { name: '2019-10-10', value: ['2019-10-10', 200], data: 200 } ] } ] };
option && myChart.setOption(option);
//图标数据的横坐标时间参数倒序排列
Current Behavior
横坐标时间参数倒序排列,dataZoom图标阴影与坐标轴中的曲线图相反
Expected Behavior
横坐标时间参数倒序排列,dataZoom图标阴影与坐标轴中的曲线图一致
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
I'm sorry to close this issue for it lacks the necessary title. Please provide a descriptive and as concise as possible title to describe your problems or requests and then the maintainers or I will reopen this issue.
Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.
A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.
Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.
@sudh0 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
[Bug] The abscissa time parameters are arranged in reverse order in the graph, and the dataZoom icon shadow is the opposite of the graph in the axis
同样遇到
fixable with xAxis.inverse - Demo