echarts

2023-03-27 20:07| 来源: 网络整理| 查看: 265

一、数据集-dataset：https://echarts.apache.org/handbook/zh/concepts/dataset/

数据：source，对应x，y轴字段：dimensions

二、系列类型图例-series：https://echarts.apache.org/zh/option.html#series

图表类型：type对应x,y轴字段：dimensions，encode

三、xAxis.boundaryGap：为 false 时首个数据在y轴上开始

四、bar柱状图圆边（v4.2） itemStyle.normal.barBorderRadius

五、tooltip. renderMode = ‘html’string浮层的渲染模式，默认以 ‘html 即额外的 DOM 节点展示 tooltip；此外还可以设置为 ‘richText’ 表示以富文本的形式渲染，渲染的结果在图表对应的 Canvas 中（目前 SVG 尚未支持富文本），这对于一些没有 DOM 的环境（如微信小程序）有更好的支持。小程序没有html dom的渲染。

六、小程序： https://github.com/ecomfe/echarts-for-weixin

七、 tooltip.confine: true 提示信息框在图标内

八、scroll-view 影藏滚动条

::-webkit-scrollbar { display: none;}/* 或者 */::-webkit-scrollbar { width:0; height:0; color:transparent;}

九、 series 下的配置 yAxisIndex 可以指定对应哪条轴的数据

十、如果出现echarts.js体积过大，可以定制echarts.js文件 https://echarts.apache.org/zh/builder.html

【本文地址】

公司简介

联系我们