問題タブ [highstock]

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 投票する
2 に答える
7758 参照

javascript - .html()がjqueryを使用するSVGセレクターで機能しないのはなぜですか?

質問誰かが私のSVG要素を文字列に変換する方法を教えてもらえますか?

canvgを使用してSVGを画像に変換しています。

最初にキャンバスでレンダリングする必要があります。canvg()メソッドは、SVG STRING

コード:

私が試してみました

そのことに注意してください

アップデート

私はハイチャートを使用しており、canvg()に渡すことができるgetSVG()関数がありますが、問題は最新の更新を取得できないことです。そのため、この方法で実行する必要があります。getSVG()関数を実行すると、続く : ここに画像の説明を入力してください

リンク

0 投票する
0 に答える
475 参照

php - PHP JSON で HighStock グラフが表示されない

なぜこれが機能しないのですか、それは私の頭の中にあります。サンプルコードを取得して、まったく同じことを行いました

JSON ファイルhttp://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback= ?

の http://crm.vipcashback.com/system/db/mongo.php?task=count

HTML

0 投票する
0 に答える
293 参照

javascript - HighStock の JavaScript チャートを取得して、読み込み時に最新のツールチップを表示する

オンライン ソリューションの 1 つに highcharts.com の HighStock という javascript チャートを使用していますが、クライアントから、グラフが読み込まれたときに最新のデータ ポイントのツールチップを表示する方法があるかどうか尋ねられました。

私はグーグルで高低を検索し、ここではstackoverflowで検索し、1週間前にサポートフォーラムでこれに関するトピックを作成しました(ただし、まだ返信はありません)が、実際には何も見つかりません. もちろん、私はこれに対する解決策を自分で見つけようとしましたが、うまくいきませんでした。

それで、誰かがそこにいるなら、それはこれを達成する方法を知っていますか? もしそれが可能なら?:-)

よろしくお願いします。

フィドラーリンク付き: http://jsfiddle.net/L2TFd/これは基本的に、他のドメインから Web サービスにアクセスできないため、highsoft 自体の例の 1 つにすぎません :-)

これは、グラフの読み込みが完了したときに表示したい最後のポイントのツールチップです。

ここに画像の説明を入力

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

highcharts - Highcharts および Highstock ライセンスと Google 広告 Web サイト

highcharts私の Web サイトでまたはを使用し、この Web サイトhighstockにいくつか追加した場合、私の WebGoogle Adsサイトは営利サイトと見なされ、ライセンスを購入する必要がありますか?

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

highcharts - Highstock チャート - 同じ x 軸上の日付とクレイジー ツールチップ

Highstock チャート (「ポイント マーカーのみ」のデモ: http://www.highcharts.com/stock/demo/markers-only から) を使用していますが、以下の問題に気付きました。

a) 対応するツールチップがおかしくなっていることに気付きました

b)日付が左端にプロットされ、ツールチップ記号がほとんど隠れていることに気付きました...

次の jsfiddle をご覧になることをお勧めします: http://jsfiddle.net/xfJhq/1/

何か手がかりがあればよろしくお願いします。

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

charts - Highstock - 比較チャートが 0% から始まらない

HighStock 比較グラフ ( http://www.highcharts.com/stock/demo/compare ) を使用してパフォーマンス チャートを作成しようとしています。Y 軸はパーセント値で、グラフの最初のポイントは常に 0% から開始する必要があります。私が問題を抱えている部分は、グラフが常に 2 番目の日付の 0% から始まるように見えることです。

これは私が使用している例です。http://jsfiddle.net/hPC4x/ 2 つの問題が見られます。1) グラフの最初のデータ ポイントは、デフォルトの 1 年の範囲の日付範囲外です。範囲は 2011 年 7 月 23 日から 2012 年 7 月 23 日ですが、グラフの最初のデータ ポイントは 2011 年 7 月 22 日に始まります。2) 2011 年 7 月 22 日のグラフの開始は負の値です。グラフは 0% から開始する必要があります。

そもそも日付範囲外のポイントが表示される理由がわかりません。私が解決しようとしている主な問題は、グラフを 0% から開始することです。日付範囲内でのみグラフを表示することができれば、この問題を解決できるかもしれません。

以前にこの問題に遭遇した人はいますか? 助言がありますか?

前もって感謝します

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

canvas - highstock.js --modules-canvas-toolsとは何ですか?

ハイストック1.1.6をダウンロードしました。jsディレクトリには、。という名前のファイルがあるmodulesフォルダが含まれていますcanvas-tools.js。私はhighstocks.comhighslide.comの両方を見回し、それらのフォーラムを検索しましたが、私の人生の間、モジュールが何であるか、またはhighstock.jsでそれを使用する方法についてのドキュメントを見つけることができません。

ここにいる誰かが、この最も神秘的なjavascriptライブラリに光を当てることができるでしょうか?

どうもありがとう。

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

javascript - Highcharts highstocks - デュアル チャート軸の問題

Highstocks のドキュメントを調べたところ、次のが見つかりました。

例 1

ここに示されているのは、同じチャート上の 2 つの系列です。したがって、リンクされた範囲セレクターを使用しています。これは非常に便利ですが、非常に難しいことが判明している別のものを表示したいと考えています。

私が探しているのは、上の系列の通常の折れ線グラフで、時間に沿ってプロットされたデータを表します (この例とほぼ同じです) が、下のグラフの棒グラフまたは水平キャンドル チャートは、1 つ以上のタイムラインを表します。

私が探しているもののイメージを描きました:

ここに画像の説明を入力

粗雑な図で申し訳ありませんが、私が達成しようとしていることを示してくれることを願っています: 上が標準グラフ、下がバー/ローソク足です。

これをレンダリングするためにさまざまな手法を試みましたが、両方のシリーズを同じタイムスケールで描画し、同じ範囲セレクターにリンクする方法が見つかりません。

それが役立つ場合は、不要なコードをすべて削除した JSFiddle の開始点を次に示します: http://jsfiddle.net/g105b/8JhXv/

元のデモへのリンク: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/

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

javascript - HighStocks データ シリーズの入力用にデータを準備する

HighStocks で認識できるように、データ形式を解析する方法を見つけようとしています。サーバーから取得したデータは次のような形式です。

Highcharts Web サイトのデモから、次のような形式を受け入れます。

簡単に言うと、どうすればデータをフォーマットできます2010-06-10 14:33:39Date.UTC(2010,06,10,14,33,39)getUTC*()JavaScript/jQuery メソッドまたは date.js/moment.js のような既存のライブラリを使用すると、簡単にそれを行うことができます (たとえば、日時情報を取得してから に入れたくない場合Date.UTC()) 。

前もって感謝します。

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

javascript - rangeSelector が非表示の場合のハイチャート在庫管理範囲

rangeSelector が非表示の場合、Highstock でイベント (ボタンがクリックされる、またはページが読み込まれるなど) が発生したときに選択された範囲をどのように制御できますか。

APIは、rangeSelector を非表示にするために 1 を設定することを指定しますrangeSelector : {enabled: false}が、これは rangeSelector を非表示にするだけでなく、それに対するユーザー コントロールを完全に無効にします。このでは、rangeSelector を無効にした場合の効果を確認できます。

rangeSelector を無効にして範囲を制御する方法はありますか? または、rangeSelector を非表示にする方法がありますが、有効にしたままにして、それに関連付けられているコントロールが引き続き機能するようにします。

背景情報:

現在のコントロールの美学が嫌いなので、HTML/CSS から範囲を制御し、それらを別の方法で配置するための独自のコントロール セットを作成できるようにしたいと考えています。

事前に感謝します。