在 ECharts 中,你可以通过 toolbox 的 icon 和 iconStyle 配置项来设置数据区域缩放工具按钮的图标样式。以下是一个示例:
toolbox: {
    icon: 'rect',  // 使用矩形作为数据区域缩放的图标
    iconStyle: {
        color: 'blue',        // 图标颜色
        borderColor: 'red',   // 图标边框颜色
        borderWidth: 2,       // 图标边框宽度
        shadowColor: 'green', // 图标阴影颜色
        shadowBlur: 10,       // 图标阴影模糊度
        shadowOffsetX: 3,     // 图标阴影水平偏移
        shadowOffsetY: 3      // 图标阴影垂直偏移
    },
    feature: {
        dataZoom: {
            title: {
                zoom: '区域缩放',
                back: '区域缩放还原'
            }
            // 其他 dataZoom 的配置项...
        },
        // 其他功能按钮...
    }
}

在这个示例中:

  •  icon 配置项用于指定数据区域缩放工具按钮的图标类型,这里使用了矩形('rect')作为图标。你可以根据需要选择其他图标类型,例如 'circle'、'triangle' 等。

  •  iconStyle 配置项用于设置按钮图标的样式,你可以根据实际需求调整颜色、边框等样式。





转载请注明出处:http://www.zyzy.cn/article/detail/5326/ECharts