ECharts Liquid Fill Chart-1-多波浪颜色样式设置

最新推荐文章于 2025-07-10 23:13:36 发布

原创最新推荐文章于 2025-07-10 23:13:36 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

水球图专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种高度可定制化的代码水球图实现方法，包括颜色、大小、波的振幅等参数的调整，并提供了具体配置选项示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、代码

水球图支持非常高度定制化的需求，包括颜色（color）、大小（radius）、波的振幅（amplitude）、波长（waveLength）、相位（phase）、周期（period）、移动方向（direction）、形状（shape）、动画（waveAnimation）

option = {
    title: {
        text: '基本水球图'
    },
    series: [{
        type: 'liquidFill',//定义类型
        data: [0.6, 0.5, 0.4, 0.3],//多条波浪，60%, 50%, 40%, and 30%，默认显示第一个数据的百分比，如：60%
        color: ['red', 'blue', 'yellow','green'],//设置颜色系列
        itemStyle: {
                opacity: 0.6//正常样式
        },
        emphasis: {
            itemStyle: {
                opacity: 0.9//悬浮样式
            }
        },
    }]
};