echarts标签_HarmonyOS开发者社区

echarts

HarmonyOS Next系列之Echarts图表组件（折线图、柱状图、饼图等)实现（八）

HarmonyOS Next（基于API11）实现Echarts图表组件（折线图、柱状图、饼图等)。

pixle0
2024-07-03 09:33:11

 7950

 39

#harmonyos #echarts #华为
鸿蒙5莓创图表组合图组件深度讲解：基础属性篇

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McLineBarChart组合图组件的基础属性详细用法。本文将通过分点拆解每个属性的核心功能和使用方式，帮助开发者快速掌握该组件的定制能力。

程序猿直通车
2025-06-25 09:26:25

 464

 4

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创折线与柱状图组合图表属性用法详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McLineBarChart组合图组件的基础属性详解。本篇将深度拆解每个属性的用法场景，通过完整代码案例帮助开发者快速掌握核心配置技巧。

程序猿直通车
2025-06-26 10:45:34

 780

 10

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创图表柱状图组件series属性全解析：打造高定制化柱状图

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来深入讲解柱状图（Bar Chart）的series属性配置。通过掌握这些属性，你可以灵活控制柱状图的显示、样式、动画及交互效果。本文将逐一拆解所有属性，结合代码案例帮助大家快速上手！

程序猿直通车
2025-06-25 09:13:55

 619

 7

#信息可视化 #harmonyos #华为 +1
鸿蒙5莓创图表组件折线类型的属性讲解-yAxis

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解折线图组件中xAxis属性的详细用法。xAxis是控制X轴显示和样式的重要配置对象，掌握它的各项属性对于定制化图表至关重要。

程序猿直通车
2025-06-25 09:32:12

 770

 23

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创图表组件折线类型的实际案例分享-yAxis

yAxis是折线图中Y轴的配置项，用于控制Y轴的显示样式、刻度、标签等。单Y轴和多Y轴配置轴名称和样式自定义刻度线和分割线配置数值范围限定标签格式化多Y轴支持：可以同时显示不同单位和量级的数据标签格式化：可以自定义显示格式，如货币、百分比等范围限定：通过min/max控制Y轴显示范围样式定制：可以完全自定义轴线、刻度、标签的样式动态更新：结合setVal方法实现数据动态更新。

程序猿直通车
2025-06-25 09:28:19

 374

 3

#信息可视化 #harmonyos #华为 +1
鸿蒙5莓创仪表盘图表组件属性用法解析

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McGaugeChart仪表盘组件的基础属性详细用法。

程序猿直通车
2025-06-25 09:32:49

 573

 13

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创图表柱状图组件DataZoom全解析：区域缩放从配置到实战

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解区域缩放（dataZoom）功能的详细用法。区域缩放是数据可视化中非常实用的功能，能帮助用户聚焦特定区间的数据，尤其适合处理大量数据或需要细节分析的场景。下面将从属性作用、类型、默认值、可选范围、适用场景和代码案例六个维度，逐一展开说明。

程序猿直通车
2025-06-25 09:13:21

 507

 5

#信息可视化 #harmonyos #华为 +1
鸿蒙莓创横向柱状图dataZoom详解

dataZoom属性是McHorBarChart组件中用于实现区域缩放的核心配置项，它可以让用户自由关注图表中的细节数据信息。通过dataZoom，我们可以实现手动滑动、捏合缩放等交互效果，特别适合处理数据量较大的场景。

程序猿直通车
2025-06-26 10:42:37

 910

 22

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创图表组件折线类型的属性讲解-Title

大家好，欢迎回来鸿蒙5莓创图表组件的专场，很多小伙伴都不知道每个图表类型中的属性到底是干嘛的，怎么用。所以我们将详细去讲解每个属性，跟我一起学习吧。我们这一期来讲解McLineChart折线图组件中title属性的详细用法。这个属性控制着图表的标题显示，包含主副标题的样式、位置、动画等丰富配置。下面我们将逐个属性进行深度解析，并提供完整代码示例。

程序猿直通车
2025-06-25 09:29:40

 699

 21

#信息可视化 #harmonyos #华为 +1
鸿蒙5莓创仪表盘图表series属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McGaugeChart（仪表盘）的series属性详细用法。本文将逐一拆解所有核心属性，覆盖作用、类型、默认值、可选值、使用场景，并搭配完整代码案例。文末还会拓展实际开发案例，助你快速掌握高阶用法！

程序猿直通车
2025-06-25 09:33:29

 859

 17

#信息可视化 #harmonyos #华为 +1
鸿蒙5莓创雷达图表tooltip详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来深入讲解雷达图组件中最重要的交互功能——tooltip（提示层）属性的完整用法。作为数据可视化的"信息桥梁"，tooltip的灵活配置能极大提升图表的信息传达效率，下面我们以分层递进的方式全面解析每个配置项。

程序猿直通车
2025-06-24 11:05:08

 640

 9

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创横向柱状图legend属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件中legend属性的详细用法。legend（图例）是图表中非常重要的组成部分，它帮助用户理解图表中不同颜色或形状所代表的数据系列。下面我们将全面解析legend的各个属性及其用法。

程序猿直通车
2025-06-24 10:51:13

 359

 3

#harmonyos #华为 #信息可视化 +2
鸿蒙5莓创图表饼图tooltip属性用法

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件中tooltip属性的完整用法。这个功能模块是数据可视化交互的核心配置，掌握它的细节能让图表信息展示更专业。

程序猿直通车
2025-06-24 11:12:35

 413

 3

#信息可视化 #harmonyos #华为 +1
鸿蒙5莓创雷达图表series属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解雷达图（McRadarChart）的series属性详细用法。作为图表数据展示的核心配置，series属性直接影响数据呈现形式和交互体验，下面我们逐一拆解每个属性的用法。

程序猿直通车
2025-06-24 11:02:18

 453

 5

#harmonyos #华为 #echarts +1
鸿蒙5莓创横向柱状图tooltip属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解横向柱状图(McHorBarChart)中tooltip属性的详细用法。tooltip是图表中非常重要的交互组件，它能够在用户悬停或点击时显示详细的数据信息。下面我们将全面解析tooltip的各个属性及其子属性。

程序猿直通车
2025-06-24 10:52:50

 750

 12

#信息可视化 #echarts #harmonyos +1
鸿蒙5莓创图表饼图基础属性讲解

大家好，欢迎回来鸿蒙5莓创图表组件的专场！我们这一期来深入讲解McCharts组合图组件的基础属性用法，涵盖gridcolortitlelegendtooltipanimationseries七大核心属性。每个属性都将从作用、类型、默认值、可选值、使用场景和完整代码案例展开，助您快速掌握图表定制技巧！

程序猿直通车
2025-06-24 11:07:59

 617

 18

#前端 #信息可视化 #echarts +1
鸿蒙5莓创图表雷达基础属性教程

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解雷达图组件McRadarChart的基础属性详细用法。

程序猿直通车
2025-06-25 09:11:58

 795

 8

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创图表饼图title属性用法详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件中title属性的深度用法，带大家掌握标题模块的完整配置技巧！

程序猿直通车
2025-06-24 11:11:16

 893

 24

#harmonyos #华为 #echarts +2
鸿蒙5莓创横向柱状图xAxis属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件中xAxis属性的详细用法。X轴作为图表的重要组成部分，掌握其配置方法对于创建专业的数据可视化至关重要。下面我们将全面解析xAxisConfig对象中的所有属性及其子属性。

程序猿直通车
2025-06-24 10:59:15

 804

 24

#信息可视化 #harmonyos #echarts
鸿蒙5莓创图表柱状图组件深度实战：高亮、渐变、圆角、堆叠四大高阶技巧全解析

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解柱状图的高亮、渐变、圆角、堆叠等高级场景的实现方案。

程序猿直通车
2025-06-25 09:12:46

 255

 3

#harmonyos #信息可视化 #华为 +1
鸿蒙5莓创横向折线与柱状图tooltips属性详解

tooltip是图表中非常重要的交互元素，当用户悬停在数据点上时，会显示该点的详细信息。莓创图表的tooltip功能丰富，支持高度自定义，下面我们逐一讲解每个属性的用法。

程序猿直通车
2025-06-24 10:49:47

 604

 19

#harmonyos #华为 #信息可视化 +2
鸿蒙5莓创雷达图radar属性用法

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解雷达图（McRadarChart）的核心配置属性——radar属性的详细用法。我们将通过「作用+类型+默认值+可选值+场景+代码示例」的维度，深度剖析每个属性及其子属性的完整配置方案。

程序猿直通车
2025-06-24 11:06:37

 1210

 18

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创折线与柱状图series属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McLineBarChart组合图中最重要的series属性。series属性决定了图表中每个系列的表现形式和行为，是图表配置中最核心的部分。

程序猿直通车
2025-06-26 10:44:31

 1105

 14

#harmonyos #华为 #信息可视化 +1
鸿蒙5横向柱状图series属性解析

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McHorBarChart（横向柱状图）组件中series属性的详细用法。series属性是控制柱状图数据系列的核心配置项，掌握好这些属性可以让你轻松创建各种样式的柱状图效果。

程序猿直通车
2025-06-24 10:44:40

 1045

 6

#信息可视化 #echarts #前端 +1
鸿蒙5莓创图表的公共属性讲解

今天我们一起探索了莓创图表组件的核心基础属性，包括图表尺寸控制、grid布局调整、color颜色配置、title标题定制、legend图例交互，以及tooltip提示层优化。通过代码示例，相信大家已经掌握了如何快速上手这些属性，为鸿蒙应用的图表开发打下基础！

程序猿直通车
2025-06-25 09:09:17

 1088

 6

#harmonyos #华为 #信息可视化 +1
华为鸿蒙手写ECharts

ECharts作为前端强大的图表、K线、地图等封装库可以说无比风骚。但用户和产品的需求永远是一个库满足不了的，除非产品和设计的基础是在图表库基础上进行。我们前端移动端作为产品的排面就应该让其独具特色,别具一格。所以自定义从产品设计、技术岗位、亿万用户不同需求...出发，"自定义极其重要"。一、自定义今天看了看ArkTs对绘制API的封装，可谓是和JS一模一样。大家根据官方API粗...

Android技术之家
2024-07-15 08:02:51

 354

#harmonyos #echarts #华为 +2
鸿蒙5莓创图表组件的使用教程-工具介绍

DevEco Studio是华为为其鸿蒙系统（HarmonyOS）开发的官方集成开发工具（IDEA），专为构建基于鸿蒙的应用程序设计。它集成了代码编辑、调试、构建、发布等功能，支持开发者高效地开发、测试和发布鸿蒙应用程序。DevEco Studio作为鸿蒙系统的核心开发工具，为开发者提供了强大的功能支持和便捷的操作体验。通过灵活的组件安装方式，开发者可以根据项目需求快速配置开发环境，高效完成Har

程序猿直通车
2025-06-25 09:26:53

 725

 5

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创折线与柱状图legend属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件McLineBarChart中legend属性的详细用法。

程序猿直通车
2025-06-26 10:45:04

 1125

 12

#harmonyos #华为 #信息可视化 +1
鸿蒙5莓创折线与柱状图yAxis属性详解

大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解组合图组件中yAxis属性的详细用法。yAxis是图表中非常重要的配置项，它决定了Y轴的显示方式、样式和行为。下面我们将全面解析yAxis的各个属性及其子属性。

程序猿直通车
2025-06-26 10:43:50

 1121

 16

#harmonyos #华为 #信息可视化 +1
angular7中使用iframe来加载外部页面

在angular7中使用echarts的线性地图的时候，发现出来缩成了一团，暂未找到解决方案。但是在普通的html中直接引入并使用是没有问题的。因此，转换了思路，使用iframe来加载外部的html，因为在外部html中是正常的。将正常的html页面放到angular项目的assets下面，然后在angular组件中通过iframe动态引入。这样就可以正常显示了。数据请求可以单独放到页面中。静..

yw00yw
2019-08-16 10:18:09

 8798

 1

#echarts
echarts 地图增加背景图

新建一个img，背景图路径给src：let img = document.createElement('img')img.src = require('@/assets/img/chongqing.png')在geo的 itemStyle 里面的 areaColor 配置，以及emphasis里面写入：itemStyle: {borderColor: "rgba(63, 218, 255, 0)"

甲乙 ^-^
2022-03-29 10:34:24

 9363

 2

#echarts #前端
使用websocket将客户端服务器数据进行交互，并在echarts折现图动态显示（一）

代码如下:echarts最终版点我加载数据更新//var date = new Date();//document.writeln( date.toLocaleTimeString() );//document.writeln( date.getSeconds() );va

宇宙无敌帅超人
2018-01-31 20:44:31

 9268

 2

#echarts
HarmonyOS5云服务技术分享--认证文档问题

各位开发者朋友好！本文将详细讲解如何基于HarmonyOS ArkTS框架集成华为AppGallery Connect（AGC）认证服务，涵盖从项目创建到SDK集成全流程。无论您是首次接入AGC服务，还是需要优化现有流程，本文均可提供完整指引。

程序猿直通车
2025-05-20 12:01:41

 1247

 16

#harmonyos #华为 #echarts
McCharts 2.0来了，完美适配HarmonyOS NEXT最新版本，可轻松迁移Echarts图表项目

开发这个组件目的还是希望大家能够轻松迁移Echarts或者开发图表功能。而开源是更好的跟大家一起学习，我们也会坚持下去。组件技术交流群。在未来我们也会分享更多的工具案例，有免费使用的案例，也有付费的案例，打造一个全面的鸿蒙生态。也欢迎大家加入鸿蒙开发，体验自己国产的操作系统，这也是一件值得骄傲的事情。

程序猿直通车
2024-07-16 18:54:33

 1891

 13

#harmonyos #echarts #华为