- 博客(5)
- 资源 (3)
- 收藏
- 关注
原创 ECharts数据集合(dataset)用法一(完整举例)
为了便于理解请看如图3.6所示的代码,图3.6的系列中绘制了7个柱形图,代码中包含了两组坐标轴(两个X轴和两个Y轴),图3.6中的系列中前3个柱形图对应的是第一组直角坐标轴,其中将seriesLayoutBy配置项设置为“row”,含义为以行为标准绘制图表,也就是说图3.6中强制设置了前三个柱形图对应的类别(X轴)为第1行的2~5列,绘制图形的数据对应的是第2行至第4行的2~5列。代码3-2中,将一个数组赋值给了“x”,代表把“维度1”、“维度5”、“名为score的维度”映射到X轴;
2024-06-03 23:02:52 4292 10
原创 echarts初始化接口——init()
弹出“主题下载”对话框中,如图所示,单击左边的“JS版本”选项卡,将其中的代码复制到所命名的“.js”格式的文件中保存。下载好“.js”格式的文件后,对“.js”格式的文件的使用与动态切换主题的方法相同。devicePixelRatio设备像素比,默认取浏览器的值window.devicePixelRatio,可以粗略理解为物理像素与屏幕像素之间的比值,同时由如下代码可以看出,在设置第三个参数时,需要给第二个参数一个占位符,即如果没有设置主题,也要在第二个参数的位置设置“null”占位。
2024-05-31 22:21:30 3527 2
原创 ECharts行为与事件的因与果(附完整举例)
ECharts中的事件名称对应DOM事件名称,均为小写的字符串,ECharts中常见的事件可以通过官网中的API进行查询,ECharts中的事件展示在“events”中如图5.1所示,ECharts事件调用需要使用ECharts实例中的on方法,也就是说如果想要使用“events”中的事件,必须使用“实例.on”的形式才可以完成调用。ECharts图表所支持的行为,放置在了ECharts API中的“action”类别下,如图5.2所示,对“图表行为”这个词官网并没有给出明确的文字解释。
2024-05-29 22:54:10 2528 5
原创 ECharts工具箱optionToContent/contentToOption详解(含具体举例)
ECharts工具箱optionToContent/contentToOption详解(含具体举例)
2024-05-27 20:47:14 1077
原创 ECharts中常见的基本概念
图0.3中series0中使用encode属性与dataset中的维度为3和4的数据相对应,“itemName:3”对应“XX”、“YY”、“ZZ”,用于展示饼图中的每部分名称,“value:4”的含义为,饼图中每部分的值为维度4中的数据。grid.left/grid.right/grid.top/grid.bottom/grid.width/grid.height决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置,如图0.13所示展示了grid的用法。(一般情况下这些内容写在option中)。
2024-05-26 21:12:28 1287
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人