【问题标题】:Chart.js - How to place text outside of radar chartChart.js - 如何在雷达图之外放置文本
【发布时间】:2017-03-12 16:07:43
【问题描述】:

我正在使用 Chart.js 来构建雷达图。我有七个按颜色分组的数据集,如下图所示:

我想将数据集标签放置在图表之外,在每个数据集扇区的中心(在图像中的十字处)。有谁知道这是否可能?

【问题讨论】:

  • 为什么不用图例?
  • 是的,这可以使用轴刻度配置回调函数之一来实现。今晚我将发送一个示例,向您展示我的意思。
  • 谢谢!!我只能将所有图例移动到图表的顶部、底部、左侧或右侧,但我还没有弄清楚如何将它们分开并将它们放置在图像中。
  • @Karonsbo 您能否提供您的 chart.js 配置,以便我重新创建此图表?
  • 我从未尝试过这个,希望它有效!谢谢! jsfiddle.net/z824kyfh/2

标签: javascript charts chart.js radar-chart


【解决方案1】:

您可能基本上可以通过大致执行以下操作来完成此操作:

  • 仅在您希望组标签出现的地方指定一个非空标签(例如,每六个数据点或类似的东西)
  • 然后设置tooltips.callbacks.label 选项以返回每个点的标签,以便它们仍然像原来一样出现在工具提示中

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多