echarts缩放问题

阿池 发布于 2014/10/30 11:24
阅读 6K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

这是没有缩放过的原图,可见,0-6都是有数据的,但我缩放之后

在dataZoom在最左边的位置时,1之后的数据都不显示了,这就导致了线的断开,同理,向您请教的上个问题,http://www.oschina.net/question/1390614_178477 也是这种原因,在缩放后不再显示成一条直线,这有什么好的方法解决吗,谢谢

加载中
0
Kener-林峰
Kener-林峰

上option就明白了

0
阿池
阿池

引用来自“Kener-林峰”的评论

上option就明白了

var option = {
        title: {
            text: '未来一周气温变化',
            subtext: '纯属虚构'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['最高气温', '最低气温']
        },
        toolbox: {
            show: true,
            feature: {
                mark: { show: true },
                dataView: { show: true, readOnly: false },
                magicType: { show: true, type: ['line', 'bar'] },
                restore: { show: true },
                saveAsImage: { show: true }
            }
        },
        calculable: true,
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                //data: ['1', '2', '3', '4', '5', '6', '7','8','9','10','11','12'],
                data: (function () { var result = []; for (var i = 0; i < 30; i++) result.push(i); return result; })(),
                
                //axisLabel: { interval: 0 }
            }
        ],
        dataZoom:{show:true},
        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value} °C'
                }
            }
        ],
        series: [
            {
                name: '最高气温',
                type: 'line',
                data: [11, 11, 15, 13, 12, 13, 10],
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            },
            {
                name: '最低气温',
                type: 'line',
                data: [1, -2, 2, 5, 3, 2, 0],
                markPoint: {
                    data: [
                        { name: '周最低', value: -2, xAxis: 1, yAxis: -1.5 }
                    ]
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            }
        ]
    };
阿池
阿池
回复 @Kener-林峰 : 啊啊啊~~,我以为前面补齐就好呢,给跪了,大神,多谢!!!
Kener-林峰
Kener-林峰
就知道是这样,你就没明白http://www.oschina.net/question/1390614_178477 这里说的补空数据对齐的意思。series里的data长度跟axis里的data长度不一致
0
杨国权
杨国权
我想知道 怎么在图表上画一个方框取到数据,不让这个图表放大!
0
清风小祥

平均值随着缩放发生了变化,怎么关闭,即使缩放了也不让平均值变化?

返回顶部
顶部