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

时间:2017-05-18 06:10:08

标签: javascript html css chart.js2

我正在使用chart.js v2.5.0。

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

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

我不知道如何从左侧设置图表,但您绝对可以重新格式化工具提示以在工具提示中移动文本。您可以在工具提示的许多不同部分重置文本,称为" beforeBabel,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];
           }
       }
   }
}

答案 1 :(得分:0)

添加此选项:

options: { 
tooltips: {
    rtl: true 
  }
}