在 ECharts 中,可以通过 toolbox 的 iconStyle 配置项来设置数据视图工具按钮的图标样式。以下是一个示例:
toolbox: {
    iconStyle: {
        color: 'blue',        // 图标颜色
        borderColor: 'red',   // 图标边框颜色
        borderWidth: 2,       // 图标边框宽度
        shadowColor: 'green', // 图标阴影颜色
        shadowBlur: 10,       // 图标阴影模糊度
        shadowOffsetX: 3,     // 图标阴影水平偏移
        shadowOffsetY: 3      // 图标阴影垂直偏移
    },
    feature: {
        dataView: {
            title: '数据视图',
            icon: 'path://M512 96c247.42 0 448 200.58 448 448s-200.58 448-448 448S64 791.42 64 544 264.58 96 512 96zm0 800c176.81 0 320-143.19 320-320s-143.19-320-320-320S192 575.19 192 752s143.19 320 320 320zm-64-168V312c0-13.25 10.75-24 24-24s24 10.75 24 24v416c0 13.25-10.75 24-24 24s-24-10.75-24-24z', // 自定义图标路径
            // 其他 dataView 的配置项...
        },
        // 其他功能按钮...
    }
}

在这个示例中,iconStyle 用于配置按钮图标的样式,你可以根据实际需求调整颜色、边框等样式。同时,icon 配置项用于指定自定义图标的路径,你可以使用 SVG 路径或者 Base64 编码的图标路径。




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