問題タブ [bubble-chart]
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.
bubble-chart - ZingChart ライブラリのバブル チャート: y 軸の値に依存しないバブル サイズのスケールの作成
zingchart ライブラリを使用してバブル チャートをプロットしようとしています。バブルの半径値を y 軸スケールから独立させることができるオプションは見つかりませんでした。たとえば、googlecharts の バブルの半径は y 軸のスケールに依存しません (この例では、出生率が 1 桁であるのに対し、人口 (バブルのサイズ) は百万単位であることに注意してください)。同じ例を zingchart で試すと、バブルのサイズは y 軸のスケールを考慮しているため、グラフがあふれてしまいます。zingchart でこの機能を実現するにはどうすればよいですか?
highcharts - HighCharts: プロット エリア外の SVG
HighCharts バブル チャート (SVG を使用して描画された、色付きのフィールドを持つマトリックス) を設計しています。このチャートには、実際のチャート領域の外側に軸の値を説明するテキストが必要です。
つまり、軸の値にはA-E長い説明が必要なためです (A = Always exceeds goals bla blaなど)。
これらの説明は、印刷できないため、チャート内ではなく、ツールチップ内ではなく、チャートの横に表示する必要があります。
私の質問: SVG<text/>をプロット領域の外に置くことはできますか? HighCharts はプロット エリアを可能な限り引き延ばしているように見え、どちらの側にもスペースがありません。
javascript - d3.jsを使用してhtmlでjsonファイルをロードできません
json ファイルから HTML ファイルにデータをロードし、D3 を使用して視覚化したいと考えています。ファイルが単独で読み込まれている場合、ブラウザでデータを表示できます。ファイルも正しく受信され、200 ステータスによって検証されます。ただし、ファイルの内容は null として解釈されます。
jsonファイルの内容は次のとおりです-
[{"総距離":[[1987,20926761],[1988,81974990],[1989,93470285],[1990,116938068],[1991,128179520],[1992,123889922],[1993,113169123],[ 1994,119145135]、[1995,132070386]、[1996,145689003]、[1997,158173093]、[1998,164900616]、[1999,180094162]、[2000,191005263]、[2001,186] 185726579],[2003,189239126],[2004,203622782],[2005,200373825]],"ルート":[[1987,45399],[1988,180871],[1989,195588],[1990,216314] ,[1991,219896],[1992,199066],[1993,176756],[1994,177851],[1995,194508],[1996,203001],[1997,206304],[1998,203071],[ 1999,209496],[2000,219160],[2001,209979],[2002,196111],[2003,189519],[2004,195939],[2005,197853]],"コード":"HP", "name":"HP","avgdelay":[[1987,16],[1988,8],[1989,11],[1990,12],[1991,12],[1992,7],[ 1993,11]、[1994,15]、[1995,17]、[1996,23]、[1997,17]、[1998,29]、[1999,25]、[2000,28]、[2001,18],[2002,9],[2003,13],[2004,25],[2005,18]]}]
ファイルをロードしてその内容を読み取ろうとするコードは次のとおりです-
d3.json("flights.json", 関数(フライト) {
しかし、フライトが null であるというエラーがコンソールに表示されます。
IE、Firefox、および Chrome を使用して、このコードを Web サーバーで実行してみました。しかし、解決策はありません。
私はこれを出発点として使用しています - https://github.com/mbostock/bost.ocks.org/blob/gh-pages/mike/nations/index.html
ここにエラーがあります - Uncaught TypeError: Cannot call method 'map' of null
json はhttp://jsonlint.com/に従って有効です。
この問題を解決するためにご協力いただきありがとうございます。
highcharts - ハイチャート バブル チャートの追加テキストの表示
ええと...ハイチャートバブルチャートの各バブルにカスタムテキストを表示する方法は知っていますが、バブルの上または外側に追加のテキストを表示することは可能ですか (下の画像のようなもの)?
バブルにカスタム テキストを表示する方法を知る必要がある場合は、チャート オプションに必要なオプションを次に示します: (完全なコードを表示)
