echarts的使用事项
发布网友
发布时间：2022-11-29 16:42
共1个回答
热心网友
时间：2023-10-28 02:13
根据官方文档设置title.align为left或者title.subtextStyle.align为left均无效
方法一：加一个div使用绝对定位存放副标题
方法二：使用伪元素绝对定位存放副标题
2、饼图的series列表下的label即在外部显示又在内部显示
方法一：设置两个div存放两个数据一样的饼图，第一个div渲染饼图的series[0].label设置为"{formatter: '{d}%'}"，第二个div渲染饼图的series[0].label设置为"{formatter: '{c}个', position: 'inner', color: 'white'}"，注意第二个div覆盖显示在第一div的上面。
方法二：div渲染饼图的series[0].label设置为"{formatter: '{d}%'}", series[1].label设置为"{formatter: '{c}个', position: 'inner', color: 'white'}"，同时series[0]的其它数据和series[1]的其它数据一致，series[0].label的内容可以和series[0]互换。
3、series存在多个，默认情况下legend的样式按series[0]为准
series[0]没有设置样式，series[1].itemStyle.normal自定义样式，最终效果如上图
4、y轴文字左对齐
柱体设置弧度可以通过设置series[0].itemStyle.normal.barBorderRadius为[0, 5, 5, 0]，数字代表弧度，数组顺序代表柱体顺时针左上，右上，右下，左下
文字左对齐可以设置yAxis.axisLabel.textStyle.align为left，此时的y轴的文字将出现在柱体里
yAxis.axisLabel.textStyle.margin可以用来设置yAxis和grid的间隔
可以看到柱状图没有填满整个div，可以设置grid.left的值为负值来填满div
