2017-10-06 8 views
0

dataLabelsに<table><tr>のようなhtmlタグを使用しようとしていますが、これらのタグと基本タグ(<b>, <strong>, <i>, <em>, <br/>, <span>)のみを使用できないようです。私は、 'useHTML'タグをtrueに設定することによって、他のhtmlタグでツールチップデータをフォーマットすることができました。 dataLabelsにも同じことをする方法はありますか?これは2つのように見える、ツールチップが底にある。 enter image description hereハイチャートでのデータラベルの書式設定

+0

他の人があなたを助けることができるようにいくつかのコードを入力してください。ここでは、質問する前に確認するのに役立つリソースがあります[https://stackoverflow.com/help/mcve](https://stackoverflow.com/help/mcve) – jfeferman

答えて

1

また、useHTMLを使用してデータラベルをフォーマットすることもできます。私はあなたのグラフがいつも表示されているすべての余分なデータでどのくらい読みやすくなるのか分かりませんが、データラベルにテーブルを置くことはできます。

http://jsfiddle.net/crLcxvLr/1

plotOptions: { 
    series: { 
     dataLabels: { 
     formatter: function() { 
      return "<table><tr><td>HEADER LEFT</td><td class='right'>Header Right</td></tr><tr><td>" + this.x + "</td><td class='right'>" + this.y + "</td></tr>"; 
     }, 
     enabled: true, 
     useHTML: true, 
     } 
    } 
    }, 
関連する問題