6
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

enebular_uhuruAdvent Calendar 2019

Day 19

原点回帰:HighCharts

Last updated at Posted at 2019-12-18

#はじめに
私の記憶が確かならば、とあるお客様からforce.com上に「散布図表示してくれ」と言われ、現CTOが選んできたのがHighcharts JSでした。
Salesforceの標準レポートでは、動的な散布図を表示できなかったり、データ点数200個までといった制限があったりしたので、こいつが選ばれたのだと思います。
infomotionが出てくる前、私の中でグラフといえばHighchartsになっていました。サンプルのグラフを眺めているだけで面白いですね。
敬意を込めて、今回は、そんなHighchartsをInfotypeにしてしまいましょう。

#完成
はい、完成です。enebularのDiscoverのこちらからインポートしてください。

image.png

#工夫した点

  • 縦軸と横軸に表示するデータを入れ替えられるようにした
  • 縦軸と横軸のそれぞれ軸の範囲を指定できるようにした
  • Tooltipに2軸に収まらない他のデータの中身を表示できるようにした

#注意
あくまでデモのためにつくっています。使う時は、目的に応じて、Highchartsのライセンスに従ってください。

6
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?