問題タブ [highmaps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ハイチャートとハイマップが重なっている
スライドとして作成された div で highChart と highMap を使用しています。スライド効果には jquery サイクル 2 を使用しています。
一定の時間が経過すると、Mozilla でグラフが重なります。ただし、Chrome の非表示のスライド チャートは表示されなくなりますが、凡例は表示されます。画像のリンクは以下です。
svg - Highmaps グループの国とホバー、クリックでリンクをたどる
トピックにあるように、国をグループ化して自分の「エリア」を作成したいと考えています。ほぼ動作しますが、何が悪いのかわかりません。
ここに私の地図があります: http://jsfiddle.net/wiesson/oktajn6e これは主に例から派生したものですが、うまくいきません。「allAreas」を false に設定しても問題ありませんが、他のすべての国も表示したいのです。
何か案は？
highcharts - HighchartsヒートマップクリックイベントでxAxisとyAxis情報を取得するには?
ハイチャート ヒートマップでは、通常どおりクリック イベントを定義します。
この関数で xAxis と yAxis の情報を取得するにはどうすればよいですか?
たとえば、このデモでは、左上のコナーで 0.67 をクリックすると、「金曜日、アレキサンダー」というアラートが表示されます。
この関数に引数を渡すことはできますか? または、他のアプローチはありますか？
ありがとう！: )
css - 領域のハイマップ境界色
Web ベースのアプリケーションの 1 つで Highmaps を使用しています。今まではユースケースに応じて簡単に変更できましたが、今では領域の境界線の色を変更する必要があり、それを行うことができません。
私が試したが失敗したコード：
私が達成したい添付画像を参照してください
輪郭の色を白に変更したい
javascript - ハイマップ: 凡例をブール値の 2 つの項目にフォーマットする
ハイマップを使用しています。数値 (0 ～ 100 万の範囲の数値) とブール値 (はいおよびいいえ: マイルストーン) の 2 種類の値を持つ内部レポートに使用します。マッピング自体は、両方のタイプで私の好みに合わせて機能します。私が問題を抱えているのは、伝説です。ブール値が 0 または 1 の場合、凡例には -0.5 から 1.5 の範囲の 5 つの項目があります。
私がやろうとしているのは、アイテムを 2 つに制限するか、最大制限を 1 に、最小制限を 0 に設定することですが、これを行う方法が見つかりません。
誰かが解決策または代替手段を持っている場合、それは大歓迎です。
私はデータクラスを試しましたが、私が望むものをまったく生成しませんでした:
{ $('#mapcontainer').highcharts('Map', { ... 色: ['rgba(19,64,117,0.4)', 'rgba(19,64,117,1)'], colorAxis: { dataClassColor: 'category', dataClasses: [{ to: 0 }, { from:1 }] }, }
コードの画像と結果を投稿したいのですが、私はサイトの初心者なので、これを行うには「10の評判」が必要です(...それを取得する方法がわからない:/)
highcharts - ツールチップに前日を表示するヒートマップ
この公式デモと非常によく似たヒートマップを作成しようとしています。
ただし、書式設定のあるツールチップに問題があります。
pointFormat: '{point.x:%e %b, %Y} {point.y}:00: <b>{point.value:,.2f} kWh</b>'
問題は、xAxis に「6 月 30 日」と表示されているのに、ツールチップに「6 月 29 日」(日付 - 1 日) と表示されていることです。
問題を再現する JSFiddle を提供しています: http://jsfiddle.net/p5dxt2q2/