主页 / coding / 问题 / 78609971
Accepted
Yann Vo
Asked: 2024-06-12 06:32:55 +0800 CST

如何更改自定义系列中选定项目的颜色

  • 772

以自定义系列渲染“矩形”元素的文档示例为例，如何在选择某个项目时让颜色改变？

第一步当然是添加selectedMode: "single"，但是我却陷入了困境。

我尝试添加这个：

select: {
  itemStyle: {
    color: "#4338ca",
  },
},
emphasis: {
  itemStyle: {
    color: "#be123c",
  },
},

但似乎没有被考虑到（参见修改后的示例）。

奖励相关问题：当​​我在 VS Code 或在线编辑器中使用该方法时，该方法被标记为已弃用，但用户文档api.style()中没有提到这样的弃用？

bar-chart

1 个回答

  1. Best Answer

    您必须在renderItem函数中定义选择和强调的行为。

    例如：

    renderItem: function (params, api) {

    ...

    return {
        type: 'rect',
        shape: { ... },
        style: { ... },
        select: {
            style: { fill: '#4338ca' }
        },
        emphasis: {
            style: { fill: '#be123c' }
        }
    };
}

    文档维护得并不完美，经常会缺少信息或不太正确。

    • 1

相关问题