問題タブ [highcharts]

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.

0 投票する
1 に答える
1269 参照

csv - ハイチャート、CSV、48時間のタイムライン、過去48時間のデータを表示

CSVファイルがあります:

過去48時間のデータのみを表示するためのベストプラクティスは何でしょうか。

CSVパーサーは次のとおりです。

CSVから最後の288行(24時間データ)のみをロードするようにこのパーサーを変更するのは良い方法ですか?はいの場合、どうすればそれができますか?

0 投票する
1 に答える
1601 参照

javascript - Highcharts.Renderer オブジェクトに svg を書き込むにはどうすればよいですか?

チャート作成にハイチャートを使用していますが、気に入っています。4つのチャートがあるページがあります。Highcharts.Renderer を使用して、4 つのグラフすべてを 1 つの Renderer オブジェクトに結合し、それらを印刷したり、1 つの画像としてエクスポートしたりしたいと考えています。ディスクから Highcharts.Renderer に svg 画像を追加する方法はわかりますが、ドキュメントに既に svg があるため、svg を書き込んでから再度読み取るのは無駄な手順のようです。これを行う方法はありますか?

0 投票する
2 に答える
4645 参照

javascript - スプラインのHighcharts JS setData

ユーザーが自分のプロファイルで何かを更新したときに更新したいグラフがあります。データ構造は次のようになります。

文字列を setData に送信する前に、JS で文字列を作成します。ただし、更新を機能させることができません。

私がやりたいことは、軸を日付で更新し、ユーザーの体重をプロットすることです。私はそれを間違っていると確信していますが、私が間違っていることを理解することはできません-あなたはその気持ちを知っていると確信しています:)

0 投票する
2 に答える
725 参照

javascript - 注釈付きのニュースヘッドラインを処理できるJavascriptチャートコンポーネント

Google Financeで利用できるものと同様に、ニュースの見出しをグラフに直接埋め込むことができるJavascriptグラフコンポーネントを探しています。

これは、たとえばGoogle Chart Tools(http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html)またはamCharts(http://amcharts.com/stock/events)を使用したFlashで可能であることを知っています。 /)ですが、iPadとiPhoneで使用するため、Flashの使用は避けたいと思います。

Flot(http://code.google.com/p/flot/)とHumble(http://www.humblesoftware.com/finance/index)も見てきましたが、これらはキャンバス要素を使用して作成されているためです。 、IEでは十分に機能しないと思います。どちらも、IEで使用できるようにするためにexcanvasを使用していることは知っていますが、十分に機能していません。私はいくつかのコンピューターでIE6-9でそれらをテストしてきましたが、結果は私がそれらを使用することに自信を持って十分ではありません。

私はHighcharts(http://www.highcharts.com/demo/?example=line-time-series&theme=default)とRaphael(http://g.raphaeljs.com/)に非常に感銘を受けましたが、どちらもデフォルトで注釈付きのニュースヘッドラインを実装しているため、それを実行するには多くの作業が必要になります。フラッシュなしで、キャンバスを使用せずにこれを行う方法について他に何か提案はありますか?

また、誰かが同様のソリューションを実装している場合は、デモを見てうれしいです。

お時間をいただきありがとうございます。

0 投票する
1 に答える
1256 参照

javascript - XML DOM オブジェクトから完全な XML ソースを取得する

ブラウザ内で優れたインタラクティブなチャートをレンダリングするための「Highcharts」ライブラリにはエクスポート機能があり、内部で使用される SVG をサーバー側アプリケーションに送信してラスタライズし、結果の PNG、JPEG、または PDF をダウンロード用に送り返します。

私の問題は、ブラウザー内に表示できる背景画像とシンボルが、Highcharts によってエクスポートされる前に破棄されていることですが、それらが必要です。

そのため、すべての SVG タグなどを削除するすべてをコメントアウトしまし<image>た (ちなみに、内部で使用されている SVG をサニタイズするために正規表現を使用しています...)。

しかし、彼らはこれらのタグにいくつかの非標準属性を使用して<image>おり、それらの座標が画像に異なる方法でマッピングされているため、再計算して属性を破棄する必要があります。

だから私は DOMParser を使用して SVG を解析し、私がやるべきことをしました。ボットは今、生の xml を取得するエレガントな (またはシンプルな) 方法を探しています - Internet Explorer で生の xml を取得できることがわかりましたDOM Document Objectの属性を使用した xml xml- 他のすべてのブラウザに相当するものはありますか? 私は今しばらく探していますが、本当に役立つものは何も見つかりませんでした。ありがとう :)

0 投票する
2 に答える
3078 参照

javascript - Javascript window.print()は私に異なる出力を与えます

作業中のWebアプリの特定の領域の印刷に関する問題を解決しようとしています。問題は、棒グラフを次のようにレンダリングするhighchartsjsにあります。<rect ... />.

ロード時にwindow.print()を呼び出すと、print呼び出しは、背景画像/色が常に消える背景画像の問題と同じように機能します。ただし、ブラウザメニューからページを印刷すると、本来の表示になります。印刷されない理由はあります<rect />か?

0 投票する
2 に答える
49685 参照

javascript - Y 軸のハイチャート テキスト ラベル

私は Highcharts を使用していて、単純な縦棒グラフを表示したいと考えていますが、y 軸に数値を使用する代わりに、テキスト値を使用したいと考えています。
たとえば、[0,5,10,15,20]I would like to useの代わりに[Very Low,Low,Medium,High,Very High].

プロット バンドを使用してこれを行うことはいくらか可能であることに気付きましたが、それでも数値の y 軸ラベルが表示され、その横にテキストが配置されるだけです。テキスト ラベルのみを表示したい。

0 投票する
1 に答える
1791 参照

ruby-on-rails - ハイチャートの配列を作成するには?

高いチャート用にいくつかの配列を作成しようとしています。ハイチャートの作成方法に関するレールキャストのエピソードを見てきました。http://railscasts.com/episodes/223-charts

これが私のHighchart JavaScriptコードの一部です:

私のテーブル:

私のチャート - ご覧のとおり、Iqmedier の日付 (2 月 17 日) が間違っており、他のすべてのバーも日付が間違っています。![マイチャート][1] http://i.stack.imgur.com/E1MIN.png

Indtjening は、Iqmedier と Euroads の合計を取り、列データの最後の日付から開始する必要があります。

データの最後の日付を見つけて、それを整数に作成するにはどうすればよいですか?

0 投票する
1 に答える
1662 参照

javascript - HighCharts-最初のデータポイントの前に開始するグラフ軸

HighChartsを使用していくつかのグラフを作成しています。

何らかの理由で、グラフ軸は00:00(この場合は最も早いデータポイント)から開始せず、代わりに23:00から開始します。これは奇妙に思えます。

オプションを最も古いデータポイントに設定しようとしpointStartましたが、これも役に立ちません。プロパティを次のように設定します。

これが問題を示す画像です:

ここに画像の説明を入力してください