EChartsヒントは、カスタム文字を追加しました

以下のように、最終的な結果は、

1つのオプション= {
 2      タイトル：{
 3          テキスト： '貢献ランキング' 、
 4。          左： 'センター' 、//中心表題
 。5      }、
 6      データセット：{
 7          出典：[
 8。              [ 'AMOUNT'、 '商品' ]
 9。              [58212、 '戦隊' ]、
 10              [78254、 "第二戦隊' ]、
 11              [41032、' 3つの戦隊" ]、
 12              [12755、 '四戦隊' ]、
 13              [20145、「5つの戦隊' ]、
 14              [79146]六隊" ]、
15              [91852、 "7戦隊' ]、
 16              [101852、' 8つの戦隊' ]、
 17              [20112、" 9つの戦隊' ]
 18である         ]
 。19      }、
 20は、     ツールヒント：{
 21は         
22れる          。フォーマッタ関数（paramsは）{
 23れる             戻りのparamsを.VALUE [1] + '：' + params.value [0] + ' 記事' ;値のペアの//配列取らディスプレイ
 24              }
 25      }、
 26は      グリッド：{containLabel：真へ}、
 27      XAXIS：{名： '番号' }、
 28      YAXIS：{
 29         名称： '戦隊名' 、
 30          タイプ： 'カテゴリー' 、
 31である         たAxisLabel：{
 32              間隔：0 、
 33は              回転：30 //名前Y軸は30°回転
 34されている         }、
 35  
36      }
 37  
38である     シリーズ：[
 39          {
 40              タイプ： 'バー' 、
 41は             エンコード：{
 42は、                  X 'AMOUNT' 、
 43は                  Y： '製品'
 44である             }、
 45              ItemStyle：{//色のグラデーション
 46                 色：新しいecharts.graphic.LinearGradient（
 47                      0、0、1、0 、
 48                      [
 49                          {オフセット：0、色： '＃83bff6' }、
 50                          {オフセット：0.5、色： '＃188df0' }、
 51                          { 1、色： '＃188df0'オフセット}
 52                      ]
 53                  ）
 54              }、
 55              ラベル：{
 56                  ノーマル：{
 57                      位置： '右' 、
 58                     ショー：真
59                  }
 60              }
 61          }
 62      ]
 63 }。

https://www.echartsjs.com/examples/zh/editor.html?c=dataset-encode0&theme=light実行効果を確認するために上記のコードをコピーしてください。