問題タブ [highcharts]

クラスとサブクラスを定義するプロトタイプの方法を多用しています。

私は 2.3.8 Rails アプリで作業しており、Highcharts (チャート JS ライブラリ) を使用する予定です。私の問題は、Highcharts が jQuery (または MooTools) に依存していることです。

プロトタイプ スタイルで定義されたクラスとサブクラスを jQuery 形式に変更する方法はありますか? または、既存のクラスをプレーンな JavaScript に変更する必要がありますか? ご協力いただきありがとうございます！

次のようなhtmlテーブルからデータを抽出したい

配列を取得します。

私はhighchart（jqueryチャートライブラリ）を使用しています。ツールチップで軸を示しています。次に、それぞれのバーの上にy軸の値を表示する必要があります。どうやってやるの

私の例のグラフ

質問：ハイチャートのそれぞれのバーの上にyaxis値を表示するには。

こんにちは私のスクリプトでは、ajax を介してページを呼び出し、そのページのコンテンツを dom に挿入しようとしています。ターゲット ページには次のコードがあります。

ハイチャートスクリプトからのものです。ajax 呼び出しを行うと、空の div が取得されます。それにもかかわらず、ajax 呼び出しなしでページを実行すると、問題なく実行されます。

編集:私が要求しているページにはjqueryスクリプトが含まれていますが、jqueryスクリプトを使用して呼び出していません。代わりにこれらの関数を使用しています：

私はHighcharts（特定のデモへのリンク-[表示オプション]をクリックして以下のコードを比較）を使用して、個人使用のためにいくつかのデータをレンダリングしています。

[注：これはほぼ間違いなく私に関連するエラーなので、Highchartsに問題があるとほのめかすつもりはありません。これは本当に素晴らしいAPIです！]

チャートオブジェクトのseries.dataフィールドを設定すると、奇妙な配列セクショニングが発生します。

たとえば、これは正常に機能します。

そして、3つのデータポイントが値22、24、および15でプロットされます。

でも、

値2、4、および5で3つのポイントをレンダリングし、ポイントのタイトルはそれぞれ2、2、および1です...つまり、配列エントリをタイトルに分割し、次に2桁の数値の値に分割します。

console.logは、chartDataが次のようになっていることを示しています

（3か月で3つの値）

実際の配列は[22,24,15][2010-9,2010-10,2010-11]に似ていますが

私の2D配列にchartData[][]は[column][row]データのインデックスがあり、要求するchartData[0]と配列が返されると考えました。

おそらく私の質問は次のようになります：javascriptオブジェクトのプロパティ/値を設定するために2D配列表現から1D配列を返すにはどうすればよいですか？私はおそらく非常に明白な何かを見落としているようです。

編集：

24で1ポイントをプロットします。

データをタイトル、次に値として分割し、24ではなく4でポイントを効果的にプロットします。

したがって、配列をデータフィールドに渡そうとすると、表現は文字列になります。string.toArrayのようにできる方法はありますか？

chartData[col][row]空の配列として宣言されています

その後、HTMLテーブルの行と列を反復処理して値を入力します。ここで、最も内側のループの内容は次のようになります。

MVC アプリケーションでデータのグラフを作成するために、Highcharts jQuery プラグインを試しています。しかし、関数のデータをアクション メソッドから動的に取得する必要があります。どうやってやるの？

Highcharts サイト ( http://highcharts.com/documentation/how-to-use )の例を取り上げます。

アクションメソッドから動的にデータを取得するにはどうすればよいですか? 誰かが私が JSON を使用するかもしれないと提案しましたが、その方法を特定できませんでした。もしそうなら、私は JSON についてあまり知らないので、単純で具体的な例を本当に感謝します。

どんな助けでも大歓迎です！

HighchartsでこのRaphael.jsチャートデモと同等のことを行うことは可能ですか？つまり、グラフに新しいデータへの変換をアニメーション化させることができます。

Highchartsで新しいデータをグラフ化する唯一の例は、ポイントを新しいデータに変換するのではなく、グラフ全体を再描画するだけです。だから私はそれが実行可能かどうかさえわかりません。

だから私はmysqlに次のタイムスタンプを持っています：

以下を使用しようとすると、間違った時刻/日付が表示されます

JavaScriptに正しい日付を表示させるにはどうすればよいですか？

私は現在、ツールhighchartsを使用して把握していますが、間違った日付/時刻も表示されています（JavaScriptで記述されています）。ハイチャートのコードは変更したくありませんが、必要に応じて変更します。

ありがとう、ジョシュ

みんな！まず第一に、私はこの種のものが非常にくだらないことを知っていますが、それが私の目標の達成を視覚化する方法です.

取り決めは次のとおりです。配列を含む JSon オブジェクトがありますが、残念ながら、1 つの JSon オブジェクトのリストを反復処理してから、前に説明した配列を反復処理する必要があります。JSON オブジェクトは次のようになります (ポルトガル語ですが、理解できるはずです)。

{"produtos":[{"Key":"DERIVADOS DE FERRO","Value":217816909},{"Key":"MADEIRAS, SUAS MANUFATURAS E MOBILIÁRIO MÉDICO CIRÚRGICO","Value":117812290},{"キー":"CELULOSE, PAPEL E SUAS OBRAS","Value":100086937},{"Key":"CARNE SUÍNA","Value":81738783},{"Key":"CARNE BOVINA","Value":74894768 },{"Key":"CARNE DE AVES","Value":65292433},{"Key":"Outros","Value":444520811}],"ano":2005,"tipo":1}

Produtos は先ほど説明した配列で、他に重要な値が 2 つあります。ano (年) と tipo (型) です。私のコードは次のようになります。

This piece of code makes Chrome javascript console to display:

ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js:32 Uncaught TypeError: Cannot read property 'length' of undefined

皆さん、私を助けてくれませんか?

MVCのJSonアクションメソッドの結果を使用して、非常に単純な棒グラフを作成しようとしています。実際の棒グラフはわかりますが、オプションなどがよくわからないので、基本的にはどうしたらいいか推測しています。サーバーコードからデータを取得してグラフを作成する方法の例として、HighChartsサイトの例を使用しました。違いは、私のグラフが例よりも単純なことです。（フルーツの例のように）各ユーザーのカテゴリはありません。ユーザーとログに記録された時間数のみがあります。

HighChartsのjQueryコードは次のとおりです。

そして、JSonを返すアクションメソッドは次のとおりです。

円グラフを作成することはできましたが、単純なバーを作成したい場合、jQueryコードの内容を理解できないため、最初に唯一のユーザーが表示されるバーが表示されます。凡例にリストされているのは、配列の最後のものです。次に、ツールチップには、円グラフで取得した[ユーザー名]：29ではなく、x = [ユーザー名]、y=29が表示されます。

このJSonからHighChartsでこのような単純な棒グラフを作成するにはどうすればよいですか？