
echarts
文章平均质量分 72
无
m0_74019046
这个作者很懒,什么都没留下…
展开
-
echarts-饼图,散点图,漏斗图,旭日图
饼图着重表示占比。一般饼图只需要修改点。与其他图表相同,也受itemStyle的调节。相比于其他表,饼图特有的属性有 :angle系列:startAngle,endAngle,minAngle,padAngle,minShowLabelAngle,clockwise顺逆时针半径和中心 radius,center。原创 2024-05-22 10:53:07 · 1085 阅读 · 0 评论 -
echarts-地图
可以修改陆地,海洋的颜色bmap: {zoom: 18,stylers: {},},],},},series: [width: 1,},effect: {},data: [coords: [],},coords: [],},],},],原创 2024-05-26 21:47:39 · 4794 阅读 · 0 评论 -
echarts-坐标轴2
类目轴的间隔 interval时间轴的间隔 minInterval,maxInterval数值轴一般不建议设置间隔min和 max只用数值轴才支持。原创 2024-05-20 19:14:09 · 479 阅读 · 0 评论 -
echarts性能优化
echarts数据量多的时候优化方案:渲染的数据太多时,渲染的速度会变慢。原创 2024-05-29 20:03:09 · 1163 阅读 · 0 评论 -
echarts- 热力图, k线图,雷达图
热力图可以看成是一种矩形的散点图。热力图的矩形受itemStyle的影响。通常配合visualmap组件来根据值的大小做颜色的变化。热力图主要通过颜色去表现数值的大小,visualMap:视觉映射组件。原创 2024-05-27 11:02:27 · 1044 阅读 · 0 评论 -
echarts-折线图与柱状图,图形的标记,堆叠
如果要画一个图标就需要在series里加一个对象。data中定义图标的数据。xAxisIndex、yAxisIndex、polarIndex(radiusAxis,angleAxis等) 用来选择使用哪条坐标轴。coordinateSystem 用来选择坐标系是什么坐标系,默认是直角坐标系。id,name用来给图表一个唯一的标识,用于setOption的更新或用id获取图表。原创 2024-05-21 20:58:30 · 2490 阅读 · 0 评论 -
echarts-事件
echarts部分事件。原创 2024-05-28 15:57:14 · 1096 阅读 · 0 评论 -
echarts-富文本,data的对象形式
在文本textStyle和axisLabel的rich中可以使用富文本,写入富文本的类名。富文本类名可以在formatter中使用。原创 2024-05-22 11:01:04 · 602 阅读 · 0 评论 -
echarts-树图、关系图、桑基图、日历图
树图主要用来表达关系结构。树图的端点也收symbol的调节没有子节点的要叶子节点leave树图中的data只能有一个数据layout:树图的布局,有 正交 和 径向 两种,默认情况下是’orthogonal’正交布局,'radial’是径向布局。:在 layout = ‘orthogonal’ 的时候,该配置项才生效,在水平方向的排列方式。取值有’LR’ (从左到右), ‘RL’(从右到左), ‘TB’(从上到下), ‘BT’(从下到上)。:树图初始展开的层级(深度)。原创 2024-05-24 17:52:25 · 2804 阅读 · 0 评论 -
echarts-象形柱图
一般的柱图都是纯色柱图,使用象形柱图可以给柱图定义自己的样式。样式的调节与柱图一样,核心在于symbol调节柱图的组成。使用symbol设置图形类型symbolRepeat:指定图形元素是否重复。设置symbolRepeat后图形会堆叠。设置 symbolSize调整大小后会有层叠的效果。原创 2024-05-28 21:17:54 · 1122 阅读 · 0 评论 -
echarts-tooltip
tooltip的content部分默认是用html去绘制的,所以要使用div作为echarts的容器。要使用canvas绘制,要必须使用canvas模式。tooltip后如果渲染的元素是canvans,tooltip不能显示出来。原创 2024-05-19 20:00:44 · 3379 阅读 · 0 评论 -
echarts-dataset,graphic,dataZoom, toolbox
dataset数据集,也可以完成数据的映射,一般用于一段数据画多个图表例子:如果data为对象的形式,可以使用encode还可以使用 dimensiondimension 还可以定义多个图表可以给x,y轴都指定内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。原创 2024-05-29 20:38:25 · 495 阅读 · 0 评论 -
echarts-legend
formatter 用来格式化图例文本,支持字符串模板和回调函数两种形式。原创 2024-05-19 15:26:13 · 1103 阅读 · 0 评论 -
echarts-坐标轴1
value 值类型, 表示为连续的数字限制刻度的范围category 按传入的字符展示,time 时间轴,以时间作为标准。一般x轴是时间轴或者是类目轴。log 对数轴 用于处理对数数据,使用较少。原创 2024-05-20 19:14:28 · 440 阅读 · 0 评论 -
echarts-1
setOption 可以多次渲染echarts,除了也可以用于第一次绘制外,后续重新渲染也可以用。默认使用的是英文,可以将 echarts.init()配置项里的locale设置为ZH就行。通常都要对返回的数据进行处理,例如这里先对time排序,然后再返回x轴和y轴的值。echarts可以配置主题,内置了默认和暗黑模式,还可以自定义或者使用别人的主题。其他的也可以设置id例如yAxis,id不同时会替换之前的yAxis。echarts.init(挂载的dom对象,主题,{配置项})原创 2024-05-18 19:49:01 · 897 阅读 · 0 评论