javascript - ECharts はすべての値をパーセント記号で表示します

Question

パーセント記号を追加する最良の方法は何ですか?

これは、次を使用して実行できます。

tooltip : {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c} ({d}%)"
}

しかし、複数のカテゴリと値がある場合、または数が異なる場合、これは非常に面倒です。

Answer 1

tooltip.formatter関数にすることもできます。これを使用すると、何を表示するかを完全に制御できます。

例：

function __handleTooltip(seriesConfiguration) {
    // Your code here    
    // return undefined, if you don't want to show a tooltip
    // return a string, if you want to show a tooltip
}

seriesConfigurationそのように見えます：

// This is a SCATTER-Entry
// But line/bar is just similar, it just has different "data" and "value".
{
  "componentType": "series",
  "componentSubType": "scatter",
  "seriesType": "scatter",
  "seriesIndex": 0,
  "seriesName": "Daten",
  "name": "",
  "dataIndex": 9,
  "data": [
    748,
    2206,
    2954,
    "999999999",
    "Some other Value",
    ""
  ],
  "value": [
    748,
    2206,
    2954,
    "999999999",
    "Some other Value",
    ""
  ],
  "color": "rgba(79,142,206,1)",
  "$vars": [
    "seriesName",
    "name",
    "value"
  ]
}

console.log を使用してオブジェクトを出力するだけで、あとは簡単です。