問題タブ [xrange]
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.
highcharts - Highcharts XRange データとラベルのずれ
Highcharts xrange chartType を使用してタイムライン ウィジェットを実装しようとしています。
基本的な構造は YAxis Categories : Agent Name 、X Axis Timeline data for Online/Offline/Break/etc
YAxis ラベルが各カテゴリの実際の Bar と一致しないことがわかりました。オンラインで見つけた 2 つの解決策は、pointPadding/groupPadding を使用することで、バーが見えなくなるほど細くなります。別の方法は、pointWidth 20 を定義して各バーを確実に表示できるようにすることですが、重なっているバーを保護することはできません... LAME ですが、YAxis スクロールバーを追加することで解決されますが、ラベルがバーの中間にある場合があることは解決されません。など
jsfiddle bc で複製するのはちょっと難しいです。私の製品では動的にサイズ変更されるのではなく、静的にサイズ変更されたグラフですが、これは私の現在の状態の良い例ですhttps://jsfiddle.net/bj7y3dwv/5/#run
highcharts - Highcharts xrange はドリルダウン動作を示すことを拒否します
ハイチャートの xrange チャート タイプで第 2 レベルのデータを作成しようとすると、期待どおりに動作しない
jsfiddle https://jsfiddle.net/bo8eL42v/10/およびハイチャートのドキュメントhttps://api.highcharts.com/highcharts/series.xrange.data.drilldownを参照してください
背景 - 理想的な動作: シリーズをクリックすると、同じシリーズがカテゴリとして時間バケット (日 || 週) に分類されてチャートが再描画されます。一人一人の比較
SubPar 別の解決策は、series.events.click を使用して、DayOverDay 動作でチャートを完全に上書きする func をトリガーすることです。
概念的にドリルダウンが説明どおりに機能することをテストするための基本的なjsfiddleを実装しました
予期される: ドリルダウン: 'a' が、drilldown.series.'a' で定義されたポイントのみを使用してチャートを再描画する必要があるデータポイントのいずれかをクリックすると、'a' は ID です
実際: 何も起こらず、エラーは発生しません