echarts移除配置项的问题

cqwcns

有用过echarts的大哥吗？我的问题是想动态移除一个配置项（即移除一项功能），例如移除dataZoom。
我尝试用myChart.setOption({dataZoom:[]})，或者myChart.setOption({dataZoom:[]},true)。但发现这样是不行的。
请指教怎么移除一个指定的echarts配置项。感谢

[JavaScript] 纯文本查看 复制代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }],
    dataZoom:[{ type: 'slider',xAxisIndex: [0],start: 50,end: 100}]
};

Aleshaaaa

打扰了没审题,
动态的话,试试设置start: x, end: x
最小值和最大值一样,缩放就失效了

FtsOZz

重设options，重新刷新echarts图

cqwcns

Aleshaaaa 发表于 2020-1-14 13:11
// dataZoom:[{ type: 'slider',xAxisIndex: [0],start: 50,end: 100}]
屏蔽一下,或者你不需要缩放功能就 ...

我现在就是要删掉他，不知道怎么删，可否具体指导一下，谢谢

cqwcns

FtsOZz 发表于 2020-1-14 13:16
重设options，重新刷新echarts图

只能这样了吗？这样好像很不性能。有没有更科学的方法

我是Wen呀

以你这个为例子：

[Asm] 纯文本查看 复制代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }],
    dataZoom:[{ type: 'slider',xAxisIndex: [0],start: 50,end: 100}]
};

变成

[Asm] 纯文本查看 复制代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};
myChart.setOption(option);

相当于 使用mychart的这个配置。

Aleshaaaa

cqwcns 发表于 2020-1-14 13:22
我现在就是要删掉他，不知道怎么删，可否具体指导一下，谢谢

如果不动态的话,你就直接删掉这行就可以了
删除部分",
    dataZoom:[{ type: 'slider',xAxisIndex: [0],start: 50,end: 100}]"

删除之后"option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};"
这样具体不..

cqwcns

Aleshaaaa 发表于 2020-1-14 13:24
如果不动态的话,你就直接删掉这行就可以了
删除部分",
    dataZoom:[{ type: 'slider',xAxisIndex: [0 ...

我是要动态的用户界面有个按钮，想实现让用户根据需要是否启动dataZoom。

所以，你的方法不行

cqwcns

我是Wen呀 发表于 2020-1-14 13:24
以你这个为例子：
[mw_shl_code=asm,true]option = {
    xAxis: {

我是要动态的用户界面有个按钮，想实现让用户根据需要是否启动dataZoom。

所以，你的方法不行

alxe1528

可以先getOptions  然后 赋值，再set 回去不？