qq_38210427的博客

uniapp 生成微信小程序， echart种的tooltip 的formation 识别不了html。

解决：

这里会出现一个问题，发现设置了width没有效果，刚开始以为是宽度给的不够，然后发现并不是，经过多方查找发现一定要设置lineHeight才有效，真真是折磨人，所以正确完整的设置如下图。通过对legend的formatter和textStyle组合设置宽度来实现，代码如下。

图表中的文案过长，tooltip溢出容器，会被遮盖住。

柱状图可以滚动。

如上图这样一个横向的柱状图，y坐标轴的内容太长后会导致显示不全。因为数据是由后端传过来的，有些会很长有些会比较短。这个时候就需要用一些别的属性。

【文字】居中显示： texta lign:center。添加属性： radius:[“40%”,“60%”],【整体】居中显示： le f t:50%修改圆的半径 radius:“50%”,将颜色变为透明，形成一个半圆。添加属性roseType。

添加背景色给某一个柱子设置样式。

12 摄氏度 （格式化文字）： label里边使用for ma to r。折线和刻度顶到头： boundaryGap:false。求第二个的大小： 第二个值- 第一个值。y轴起点不是0 ： min： 8。注意 在series 当中。

丰富的可视化类型（柱状图、散点图、雷达图…）多种数据格式无需转换直接使用千万数据的前端展现移动端优化多渲染方案，跨平台动态数据绚丽的特效。

案例：三种编写数据的方式：第一种最常用【多维数组】

默认的图例数据会从系列中获取，如果需要设置不同的图例样式或者不需要展示某个系列图例则可设置数据。图例的数据字段name必须是系列中的系列名称或数据名,测试不展示最后一项高跟鞋.并设置数据名为雪纺衫的图例图形为pinlegend: {// ...data: [name: "衬衫",},name: "羊毛衫",},name: "雪纺衫",},name: "裤子",},],},// ...七、type:scroll。