フォーマット軸の目盛りラベル

Question

私は、エリアの色がパーセンテージに基づいているマップチャートを使用しています。凡例は、色とそれらのパーセンテージとの間のマッピングを示す。しかし、伝説には数字だけが表示され、パーセントは表示されません。これらの数値はパーセンテージであることは明らかです。したがって、各数値の後に％記号が表示され、グラフの上部に％記号が表示されます。

chart tick formattingのようなものがあるようですが、私はそれを変更する方法を見つけることができません。おそらくこれはstacklabelsでできます。私は何かを期待しますlike this with d3.js。私はhighChartsでこれを試しましたが、これらのプロパティを無視するようです。

また、他のいくつかのオブジェクトのフォーマットプロパティを変更しようとしました。凡例オブジェクトでそれを変更すると、あなたは一番近いですが、間違った位置にあるテキストは1つだけです。

編集：これを複雑にするものは、グラフにx軸またはy軸があるとは思わないということです。代わりにcolorAxisオブジェクトがあります。おそらく、itemStyleプロパティを持つCSS3でテキストを追加することは可能です。

Answer 1

その非常に簡単、あなたがする必要があるすべてはあなたがjsfiddleを持っていますかformatter

xAxis: { 
    labels: { 
    formatter: function() { 
     return this.value+"%"; 
    } 
    }, 
}