更新记录

1.0.2（2025-09-09）

1. 鸿蒙增加事件回调

1.0.1（2025-09-09）

1. 增加其他图片适配、点击、双击等等回调函数

1.0.0（2025-09-09）

1. 基础图表

平台兼容性

uni-app(4.07)

uni-app x(4.07)

其他

ECharts各种报表图标，支持点击效果，点击、双击等各种事件，支持iOS/Android/harmony

如果是Uniapp项目，请使用这个插件https://ext.dcloud.net.cn/plugin?name=wrs-uts-echarts

集成步骤

1. 集成插件，集成插件步骤请参考 https://www.cnblogs.com/wenrisheng/p/18323027

文档

组件

    <wrs-uts-echartX id='echarts' :params="params" :style="'width:'+width+'px;height:'+height+'px;'"
    @onEchartsEvent="onEchartsEvent"></wrs-uts-echartX>

• 使用了该组件的页面需要用nvue或uvue
• 属性params是json格式的字符串 如需测试各类图标，在官网https://echarts.apache.org/examples/zh/index.html#chart-type-bar点击想要的图标，进入到图标详情，拷贝左边代码的option赋值到下面的params.params节点，可参考demo

        data() {
    let params = {
        business: "option",
        params: {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [150, 230, 224, 218, 135, 147, 260],
                type: 'line'
            }],
            toolbox:{
                feature:{
                    saveAsImage:{
                        show: false // 隐藏右上角的下载按钮
                    }
                }
            }
        }
    } as UTSJSONObject
    const {
        screenWidth,
        screenHeight
    } = uni.getSystemInfoSync();

    return {
        width: screenWidth,
        height: screenHeight / 2,
        params: params,
        title: 'Hello'
    }
}

• 事件onEchartsEvent

onEchartsEvent(e : UniNativeViewEvent) {
    let detail = e.detail
    if (detail != null) {
        // 事件类型
        let business = detail["business"]

        console.log(`onEchartsEvent:${JSON.stringify(detail!)}`)
    }
}

• 接口resize

let newParams = {
    business: "resize"
}

let newParamsStr = this.formatNewParams(newParams)
// android、ios
this.params = newParamsStr
// 鸿蒙
this.options = {
    params: newParamsStr
}

如需调用echarts更多接口请联系作者