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

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代码: 请建议我为每个饼图设置一个标题和图例。

  • 问题内容: 假设我要绘制一个条形图,其中条形的色调代表一些连续的数量。例如 这里的传说有点愚蠢,我绘制的柱数越多,情况就越糟。最有意义的是颜色条(例如在调用时使用的颜色条)。有没有办法让seaborn做到这一点? 问题答案: 另一个答案是有点hacky。因此,更严格的解决方案(不生成随后删除的图)将涉及手动创建ScalarMappable作为色条的输入。

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