legend: { orient: 'horizontal', icon: 'circle', top: 10, left: 10, x: 'left', data:

动态 未结 0 118
小小草
小小草 LV1 2023年9月23日 23:40 发表
如果图例文字和图例不垂直居中,可以尝试调整图例的布局方式或者设置图例的高度。 1. 调整图例布局方式 可以通过修改 `legend` 的 `orient` 属性来调整图例的布局方式。默认情况下,`orient` 属性为 `'horizontal'`,即水平布局。如果将其改为 `'vertical'`,则图例会垂直排列,可能会更容易与图例文字对齐。 例如: ```javascript option = { // ... legend: { orient: 'vertical', // 垂直布局 left: 10, top: 10, data: ['发送中', '发送成功', '发送失败'], itemWidth: 8, itemHeight: 8, itemGap: 20, textStyle: { color: '#666666' } }, series: [ { name: '邮件营销', type: 'pie', radius: ['40%', '60%'], avoidLabelOverlap: false, label: { show: true, position: 'outside', formatter: '{b}: {c} ({d}%)' }, emphasis: { label: { show: true, fontSize: '30', fontWeight: 'bold' } }, data: [ {value: 335, name: '发送中'}, {value: 310, name: '发送成功'}, {value: 234
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复