在 ECharts 中,visualMap 组件的 controller 属性用于配置视觉映射组件的控制器。控制器是用于控制和调整连续型视觉映射组件的交互元素,通常是一个滑动条。以下是一个带有控制器的连续型视觉映射组件的示例:
option = {
    // 其他配置项...
    visualMap: {
        type: 'continuous',  // 连续型 visualMap
        min: 0,              // 数据最小值
        max: 100,            // 数据最大值
        range: [20, 80],     // 选定范围
        inRange: {
            color: ['blue', 'red']  // 在选定范围内的颜色映射
        },
        controller: {
            inRange: {
                color: ['blue', 'red']  // 控制器选定范围内的颜色映射
            },
            outOfRange: {
                color: ['gray']  // 控制器未选定范围内的颜色映射
            },
            show: true,  // 是否显示控制器
            // 其他控制器配置项...
        },
        // 其他配置项...
    },
    series: [{
        type: 'scatter',  // 其他系列配置...
        data: [
            { value: 10, name: 'A' },
            { value: 50, name: 'B' },
            { value: 90, name: 'C' },
            // 其他数据...
        ]
    }],
    // 其他配置项...
};

在上述示例中,controller 属性用于配置视觉映射组件的控制器。其中,inRange 定义了控制器选定范围内的颜色映射,outOfRange 定义了控制器未选定范围内的颜色映射。show 控制是否显示控制器。

根据实际需求,你可以调整 controller 中的其他配置项,以满足你的交互和显示要求。确保查看你所使用的 ECharts 版本的文档,获取准确的配置信息。


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