18910140161

JavaScript-ChartJs自定义图例甜甜圈将图例与图表区域分开-堆栈溢出

顺晟科技

2022-10-19 12:12:06

111

我正试图在chartjs图表中将对象与对象分开。 使用'默认'图例时,无法控制图表区域的大小,而且图例中的项目越多,图表区域的大小就越小。..

如果有可能在不改变大小的情况下扩展,我希望听到有人这样做:)

我正在尝试的另一个选项是创建自定义并将其作为innerHTML插入,并隐藏默认的图例。

我尝试了使用以下方法的解决方案:

示例1

示例2

示例3

但他们都不为我工作...不知道为什么,我完全按照他们的要求做了。

我想可能是(我使用的是最新的)版本或其他数据问题导致图例无法显示。

我的代码:

Legend

和HTML:

Legend

我可以让单词“test”显示在,但仅此而已...

有什么想法..?


顺晟科技:

legends命名空间在V3中已经更改,现在在配置标题的部分中进行了配置。

要实现外部图例,您需要使用自定义插件,您还需要在插件一节中配置该插件。

您可以从以下正式示例复制粘贴插件:https://www.chartjs.org/docs/master/samples/legend/html.html

您只需要配置以下内容:

  • 对于内部图例插件,您需要禁用它
  • 对于自定义图例插件,您需要为其提供生成图例所需的div的ID。
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航