2017-05-18 22 views
0

私はchart.js v2.5.0を使用しています。chart.js v2「右から左へ」ツールチップ(RTL)

プロジェクトの要件は、「右から左」方向のツールチップを使用することです。

どうすればこの問題を解決できますか?

+0

サンプルコード:https://jsfiddle.net/DUKEiLL/qkop5c9h/5/ – DUKEiLL

+0

賢明な..ないクロックあなたはドーナツが反時計方向に発生することにしたい...私は明確にしましょうか..? –

+0

@ZaheerAttar私は、OPはホバーラベルがRからLになり、チャート自体ではないと尋ねていると思います – semuzaboi

答えて

0

グラフを右から左に設定する方法はわかりませんが、ツールチップを再フォーマットして、ツールチップのテキストを移動することは間違いありません。 「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]; 
      } 
     } 
    } 
} 
+0

返事とコードをありがとう。しかし、テキスト自体は整列しています。私は、ラベルのテキストが色付きの四角形**の左側に表示されるようにしたいだけです**。 http://imgur.com/a/ZWFta – DUKEiLL

+0

はい、私は理解しました - 私はちょうど与えられた構成設定でそれを行う方法を理解できませんでした。私の推測では、chart.js実装で動作するハッキリソリューションがあるということです – fileyfood500

関連する問題