当前位置: 首页 > news >正文

用.echarts文件快速实现日历饼图

echarts是制作图表的必选之一,今天演示如何快速实现一个日历饼图文件,形成自己的数据可视化素材库。

1. 访问 ECharts 官网

ECharts 官网提供了大量可直接参考的示例。可以基于这些示例快速开始。

官网地址:https://echarts.apache.org/,

我们以“日历饼图”为例,具体示例链接如下::https://echarts.apache.org/examples/zh/editor.html?c=calendar-pie

2. 新建【.echarts】文件

打开文汇百川Webos平台,在文档库中,新建一个【.echarts】的文件:

3. 编辑文件

右键点击该文件,可选择使用 VSCode 编辑器 进行代码编辑,也可以选择 “Monaco 代码编辑器(带预览)”,进入如下编辑界面:

其中左侧是源代码编辑器,右侧是预览区域,修改代码后,点击左上角的 【刷新】 按钮即可查看最新效果。

你也可以右键文件,选择“在新窗口打开”,效果如下方截图所示:

4. 修改Echarts版本

右键文件,选择【属性-扩展属性】,会显示如下配置面板:

默认情况下,新建文件时会使用系统已集成的最新 ECharts 版本(例如 5.6.0)。你也可以根据需要手动指定其他版本。

更多可配置的属性信息,可参考 【图文帮助文档—云文档—编辑工具】 中的 ECharts 章节。

5. 总结

使用 .echarts 文件进行数据可视化,具备以下优势:

  1. 构建个人可视化案例库,便于复用与管理;
  2. 随时调整数据和样式,灵活修改;
  3. 支持截图或直接分享链接,方便展示与传播

http://www.dtcms.com/a/573227.html

相关文章:

  • 影刀RPA一键生成竞品分析!AI智能监控,效率提升100倍[特殊字符]
  • 从卡顿到秒查:Java 项目引入 Elasticsearch 实现亿级地址数据的复杂查询实战
  • 国外可以做推广的网站有哪些广州品牌形象设计
  • 【MySQL】SQL语法详细总结
  • 宿迁华夏建设集团网站下列什么软件不能用于设计网页
  • vue笔记(第一天)
  • cursor和传统idea的区别是什么?
  • SSM--MyBatis框架SQL映射文件获取一对一或者一对多关系值
  • 网站开发实验报告总结阿里云是不是做网站的
  • 1000元级投影选哪款?大眼橙C3D实测体验闭眼入
  • 第一章 函数与极限 2.数列的极限
  • 用ps网站首页怎么做做a免费网站有哪些
  • 多因子量化模型预警:美元强势因子压制金价失守4000关口,ADP数据能否重构黄金趋势?
  • Mac 安装 Xcode 及qt 环境安装
  • AS2协议的实时性:重构制造业供应链协同效率
  • 城乡建设部官网查证助孕网站优化推广
  • leetcode17.电话号码的数字组合(题目详解)
  • C# WebAPI Swagger如何显示接口注释
  • 三网站建设装修公司做网站有用吗
  • 怎么做谷歌收录的网站个人接广告的平台
  • Unity坐标转换指南 - 3D与屏幕UI坐标互转
  • Admin界面优化:移除可用区字段以简化显示
  • Java 位运算算法题目练习
  • 企业定制手机安全加固:数据加密、权限管控与防泄密功能解析
  • opencv 计算面积、周长
  • 静态网站设计方案二维码设计软件
  • 工装设计案例网站注册公司注册企业注册
  • 从 .wat 到 AOT:WebAssembly 开发入门全指南(WABT + WasmEdge 实战)
  • Vue2-父组件与子组件参数互传
  • 前端学习之JavaScript