echart 4 toolbox.feature.magicType 设置不同的颜色

发布于 2022-09-06 21:49:33 字数 2233 浏览 10 评论 0

希望为toolbox.feature.magicType 设置不同的颜色,折线图,饼图,堆叠图用不同的颜色,但是没有找到相关的方法或者属性,望点明,现在可以设置他们是统一一个颜色

option = {
toolbox: {
//                    borderColor:['#1e90ff','#22bb22','#4b0082',],
                    show: true,
                    orient: 'horizontal',
                    itemSize: '20',
                    itemGrap: '15',
                    feature: {
                        dataView: {
                            show: true,
                            iconStyle: {
                                borderColor: '#1e90ff'
                            },
                            emphasis:{
                                iconStyle: {
                                    borderColor: '#1e90ff'
                                },
                            }
                        },
                        magicType: {
                            show: true,
                            type: ['line', 'bar'],
                            iconStyle: {
                                borderColor: '#22bb22'
                            },
                            emphasis:{
                                iconStyle: {
                                    borderColor: '#22bb22'
                                },
                            }
                        },
                        restore: {
                            show: true,
                            iconStyle: {
                                borderColor: '#4b0082'
                            },
                            emphasis:{
                                iconStyle: {
                                    borderColor: '#4b0082'
                                },
                            }
                        },
                        saveAsImage: {
                            show: true,
                            iconStyle: {
                                borderColor: '#d2691e'
                            },
                            emphasis:{
                                iconStyle: {
                                    borderColor: '#d2691e'
                                },
                            }
                        }
                    }
            }

}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

美煞众生 2022-09-13 21:49:33

iconStyle里加normal试试

dataView: {

                        show: true,
                        iconStyle: {
                           normal: {
                                borderColor: '#f60'
                            }
                        }
         },
         
一杯敬自由 2022-09-13 21:49:33

@tianshen1981 请问这个问题有解决方案了不。我也遇到了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文