問題タブ [canvasjs]

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 に答える
732 参照

javascript - CanvasChart: 1 ページに 2 つのグラフを並べて描画できません

2 つのキャンバス チャートを並べて描画します。

このために、表の行を取り、それぞれを 1 つの列に描画しました。ただし、描画されるグラフは 1 つだけです。

しかし、それらを次々と描くと、両方のチャートを見ることができます。ここで何が問題なのですか??

PS: このコードは私のアプリケーションからのものではありませんが、状況は似ています

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

javascript - CanvasJS: data.php、json エンコード、ajax (帯域幅メーター) を使用してグラフを動的にする

まず最初に、json エンコードを使用してデータポイントをエコーする data.php ファイルからデータを解析しようとしています。データポイントは、data.php ファイルが要求されるたびに更新されますが、一連のデータポイントでは更新されません。代わりに、時間の値を変更し、その y コンテンツを更新するだけです。実際にphpファイルに一連のデータポイントをエコーさせ、単一のデータポイントを更新しないようにする有効な方法を見つけていません。

次に、チャートは data.php ファイルを解析し、実際にデータポイントを表示します。しかし、このグラフを毎秒更新し、更新ごとに新しいデータポイントを追加して、帯域幅グラフを機能させたいと考えています。

これが私のコードです:

index.php:

data.php:

このマップを動的にする方法を知っている人がいたら、助けてください。data.php ファイルの出力例 (エコーされる内容) は次のとおりです。

提供されたヘルプに事前に感謝します。

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

javascript - canvasJS チャートが正しくレンダリングされない

renderを使用して複数の折れ線グラフを作成しようとしてcanvasJSいますが、期待どおりに機能していません。

ここに私の drawChart 関数があります

}

var dataPoints, maxPrice, minPrice同じレイアウト/データを持っています。

ここを見て。ここに画像の説明を入力

このようにチャートを表示していますが、2行のリセットminPrice and maxPriceが消えています。

ここに画像の説明を入力

PSに変更dataPoints: dataPointsdataPoints: min/maxPriceても、そのようには機能しません。

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

javascript - グラフが正しくレンダリングされない、canvasjs

を使用して 2 つの動的グラフをレンダリングしようとしていますcanvasJS。グラフ 1 は適切にレンダリングされています。実際、2 番目のグラフは適切にinspect element表示されています。画像を参照してください。ページに表示されません。

これはインターフェイスです。1 つのグラフのみが表示されます ここに画像の説明を入力

これが要素の検査です。ここに画像の説明を入力

#advertsレンダリング中ですが、ここには表示されません。

PS最初のチャートレンダリングコードをコメントアウトしようとしましたが、まったく機能せず、まだ最初のものしか表示されていません。

編集

console logこれが私がチャートをレンダリングするために戻ってきたことについてです

ここに画像の説明を入力

ここにスニペットがあります

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

javascript - 値に基づいてステップ領域の色を変更する

私は CanvasJS と ChartJS を使用していますが、ポイントの値に基づいて異なる色の領域を持つことが可能かどうか疑問に思っていましたか? 残りの API からグラフを作成しています

これが私のJavaScriptです:

したがって、この例では、価格が 4.00 から 7.99 の範囲にある場合は緑の領域の色を持ち、価格が 8.00 から 11.99 の場合は黄色に、12 を超える場合は赤にします。

これは可能ですか?

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

javascript - canvasjsのx軸ラベルソート

レポートチャートを表示するためにcanvasjsを使用しています。今、ソートする複数のレポートを作成しています。次のコードがあります:PHP

Javascript

私のグラフでは、次のようになります。 ここに画像の説明を入力

x 軸のラベルを並べ替えることができますか? 今のところ、次のように見えます Jan 11 2015, Feb 01 2015, Feb 22 2015... Apr 05 2015, Apr 26 2015...

次のようなラベル付けを行うことは可能ですか? Jan 2015, Feb 2015, ... Apr 2015, Jun 2015...

グラフの月と年のみを表示したいのですが、それに応じて並べ替えられ、ラベルの重複はありません。

intervalグラフのパラメーターも試しましたがint、レポートのカウントに基づいているようです。

これについて何か考えはありますか?

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

javascript - CanvasChartJS: 自動時間間隔を回避する方法

X軸に時間を含むCanvas縦棒グラフを使用しています。

タイムチャートを更新していると、その時点のデータはありませんが、チャートに一定の時間間隔が表示されています。

これにより、チャート内に空き領域が生じ、右端に点が表示されます。

chart.render(); http://jsfiddle.net/1ekxfh2w/

データがある場所だけ時間を表示したい。どうすればこれを達成できますか??

または、私のために仕事をすることができる他のチャート??