echarts liquidFill 配置说明

@2.0.6

默认配置

{
    data: [],

    color: [#294D99, #156ACF, #1598ED, #45BDFF],
    center: [50%, 50%],
    radius: 50%,
    amplitude: 8%, // 波浪的振幅,可设置为像素值或百分比,其中百分比是相对图的直径
    waveLength: 80%,
    phase: auto, // 波浪的相位
    period: auto, // 向前移动一个波长所需的毫秒数
    direction: right, //波浪滚动的方向
    shape: circle, // 波浪形状,可被设置为circle, rect, roundRect, triangle, diamond, pin, arrow 或者 svg路径

    waveAnimation: true,   // 是否开启波浪动画
    animationEasing: linear, //当波浪从底部开始上升时,初始动画的简化方法。
    animationEasingUpdate: linear, // 其他动画的简化方法,例如,当数据值改变及波位改变时。
    animationDuration: 2000, // 动画持续时间,单位为毫秒
    animationDurationUpdate: 1000, // 数据更新动画持续时间

    outline: {
        show: true,
        borderDistance: 8,
        itemStyle: {
            color: none,
            borderColor: #294D99,
            borderWidth: 8,
            shadowBlur: 20,
            shadowColor: rgba(0, 0, 0, 0.25)
        }
    },

    backgroundStyle: {
        color: #E3F7FF
    },

    itemStyle: {
        opacity: 0.95,
        shadowBlur: 50,
        shadowColor: rgba(0, 0, 0, 0.4)
    },

    label: {
        show: true,
        color: #294D99,
        insideColor: #fff,
        fontSize: 50,
        fontWeight: bold,

        align: center,
        baseline: middle
        position: inside
    },

    emphasis: {
        itemStyle: {
            opacity: 0.8
        }
    }
}
经验分享 程序员 微信小程序 职场和发展