chart.js v2“从右到左”工具提示 (RTL)

Question

我使用的是chart.js v2.5.0。

我的项目要求是我使用“从右到左”方向的工具提示。

我怎样才能实现这个目标？

Answer 1

添加此选项：

options: { 
tooltips: {
    rtl: true 
  }
}

Answer 2

我不知道如何从右到左设置图表，但您绝对可以重新格式化工具提示以在工具提示中的文本周围移动。您可以在工具提示的许多不同部分中重置文本，称为“beforeBody、beforeLabel、label、afterLabel 和 afterBody”，您可以在其中根据需要放置文本。尽管如此，我发现从右到左的文本（希伯来字母）总是跳到该部分的最右侧。我整理了一个设置，其中颜色标签位于标签部分，数字位于 beforeLabel 部分。这很清楚地表明数字是第一位的。如果你想让颜色先出现，你可以翻转。我知道这不是一个精确的解决方案，这是我根据可用文档能够管理的。

options: {
  tooltips: {
      callbacks: {
           beforeLabel:function(arr, data){
              var i = arr.index;
              var data1 = data.datasets[arr.datasetIndex];
              return data1.data[i] + ": ";
           },
           label:function(arr, data){
               return data.labels[arr.index];
           }
       }
   }
}

Answer 3

您可以使用全局配置来完成此操作

let isRightToLeft = true;
if(isRightToLeft){
  Chart.defaults.plugins.tooltip.rtl = isRightToLeft;
}