
echarts数据可视化
文章平均质量分 66
996
托尼比卡丘
程序员年二十有六,始从文连考而不中。遂习武练武场上发一矢,中鼓吏逐之出。改学IT自撰一函数,堆栈溢出。
展开
-
【VChart】都2025年了你还在用ECharts?来看看字节的VChart吧
VChart是一款由国内团队开发的新兴数据可视化库,旨在提供高性能、易用且功能丰富的图表解决方案。VChart 强调高性能渲染和灵活的交互功能,并支持多种图表类型和自定义选项。ECharts是由百度开源的成熟数据可视化库,广泛应用于各种数据分析和展示场景。ECharts 以其丰富的图表类型强大的交互功能和高度的可定制性而闻名,并且拥有庞大的用户社区和丰富的资源。ECharts和VChart如果您需要丰富的图表类型、强大的交互功能、成熟的技术支持和庞大的用户社区,ECharts 是更好的选择。原创 2025-02-24 13:13:25 · 1050 阅读 · 0 评论 -
【vue3】 ECharts 结合实现动态图表展示
通过修改 yAxis 的 show 属性来控制图表的显示状态,并动态调整图表的布局。它通过 Vue.js 的setup语法糖和 Composition API 来管理组件的状态和逻辑,同时使用 ECharts 来渲染图表。动态加载历史数据:根据用户选择的视图类型(常规曲线或加速度曲线),动态加载并展示相应的历史数据。图表交互:用户可以通过按钮切换图表的显示/隐藏,调整图表的刻度范围,以及导出数据。响应式布局:图表会根据窗口大小自动调整尺寸,确保在不同设备上都能有良好的展示效果。原创 2025-01-07 12:55:42 · 1355 阅读 · 0 评论 -
【echarts】横向柱状图(条形图)渐变色,手把手教学
通常的柱状图渐变色非的简单series: [ { type: 'bar', data: this.rank.num, barWidth: '10%', itemStyle: { color: { type: 'linear', x: 0, y: 0,原创 2022-05-06 16:40:56 · 6976 阅读 · 2 评论 -
手摸手教你如何把echarts的y轴自定义为分类色块
前言在写项目的时候,要求做一个空气质量分类,用echarts,大概是就y轴的左边加一个自定义色块。如下图,基于echarts的自定义系列图,看了一些文章感觉他们写的不太详细,所以自己改了许多地方过程一样用的是官方案例(找这个案例就找了半天,淦~)主要部分还是集中在如下函数function renderAxisLabelItem(params, api) { var y = api.coord([0, api.value(0)])[1]; var lineColor3 =原创 2021-05-13 11:16:07 · 886 阅读 · 0 评论