当前位置: 首页 > 知识库问答 >
问题:

javascript - 如何让图例标题和图例在同一行左右分开显示?

贺懿轩
2023-09-12

我想给图例新增一些文字描述,期望在图表底部新增一个图例和图例的文字描述。预期的布局效果是,文字左对齐,图例右对齐,并且文字和图例在同一行。
有什么图表库可以实现这种比较特殊定制的逻辑吗?

共有1个答案

东方河
2023-09-12
legend: {    data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine'],    orient: 'vertical',    align: 'right',    formatter: [        '{name|{name}}',    ].join('\n'),    textStyle: {      width: 200,      rich: {          name: {            align: 'left'          }      }    }  }

image.png
使用echart

 类似资料:
  • 在本教程中,我们将讨论 Matplotlib 中的图例,标题和标签。 很多时候,图形可以不言自明,但是图形带有标题,轴域上的标签和图例,来解释每一行是什么非常必要。 注:轴域(Axes)即两条坐标轴围城的区域。 从这里开始: import matplotlib.pyplot as plt x = [1,2,3] y = [5,7,4] x2 = [1,2,3] y2 = [10,14,12] 这样

  • echarts图例增加滚动条和标题 ,echarts图例是canvas画的如何加滚动条和图例呢?

  • 当我经常访问公司的网站时,我看到一个常见的模式,图像在左侧,描述在右侧,当我向下滚动时,第二列是相反的,图像在右侧,文本在左侧,依此类推。 我试着用FlexBox创建一些simimlar: null null 然而,我确信我的代码不能正常工作,因为我想要25%的图像宽度,但图像的位置改变了。所以,有时我需要在左侧,有时在右侧,有25%的列宽。 你认为用CSS网格来处理这件事会更容易吗?浏览器兼容性

  • 我的php页面有多个动态饼图,我希望使用chart.js为每个饼图显示图例和标题 这是我的JS代码: PHP代码: 请建议我为每个饼图设置一个标题和图例。

  • 类似 (https://visactor.io/vchart/demo/line-chart/basic-line)这样的折线图, 我希望给图表上方添加标题描述,该如何配置?

  • css flex 布局,页面分为上下两部分,下面通过 flex: 1; 撑开,并且 overflow-y: auto;下面又分为左右布局,左右高度不一定,想要设置一个边框分割左右,但是边框始终到最底部; 下半部分左右边框高度能够到自动撑开的高度 https://codesandbox.io/p/devbox/flexbu-ju-zi-dong-cheng-gao-8...