How to slide in Echart with ionic3

@roy800227 wrote:

Hi,Everyone
when i have more inputdata in chart.
I want the chart to be displayed in a way that shows more information by sliding, not by average distribution.

chart.setOption({
                    backgroundColor: '#1e90ff',
                    color: ['#b0c4de'],
                    toolbox: {
                        feature: {
                            saveAsImage: {show: true}
                        }
                    },
                    tooltip : {
                        trigger: 'axis',
                        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis : [
                        {
                            type: 'category',
                                position: 'bottom',
                                axisLine: true,
                                axisLabel: {
                                  color: ['#ffe4c4'],
                                  fontSize: 12
                                },
                                data: dayCategory,
                              }
                    ],
                    yAxis : [
                        {
                            show:false,
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            type:'bar',
                            barWidth: '60%',
                            data:[10, 52, 200, 334, 390, 330, 220]
                        }
                    ]
                  });

Please tell me how to solve this problem.

Posts: 1

Participants: 1

Read full topic