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
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
Any additional comments?
No response