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];
           }
       }
   }
}