問題タブ [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.
javascript - CanvasChart: 1 ページに 2 つのグラフを並べて描画できません
2 つのキャンバス チャートを並べて描画します。
このために、表の行を取り、それぞれを 1 つの列に描画しました。ただし、描画されるグラフは 1 つだけです。
しかし、それらを次々と描くと、両方のチャートを見ることができます。ここで何が問題なのですか??
PS: このコードは私のアプリケーションからのものではありませんが、状況は似ています
javascript - CanvasJS: data.php、json エンコード、ajax (帯域幅メーター) を使用してグラフを動的にする
まず最初に、json エンコードを使用してデータポイントをエコーする data.php ファイルからデータを解析しようとしています。データポイントは、data.php ファイルが要求されるたびに更新されますが、一連のデータポイントでは更新されません。代わりに、時間の値を変更し、その y コンテンツを更新するだけです。実際にphpファイルに一連のデータポイントをエコーさせ、単一のデータポイントを更新しないようにする有効な方法を見つけていません。
次に、チャートは data.php ファイルを解析し、実際にデータポイントを表示します。しかし、このグラフを毎秒更新し、更新ごとに新しいデータポイントを追加して、帯域幅グラフを機能させたいと考えています。
これが私のコードです:
index.php:
data.php:
このマップを動的にする方法を知っている人がいたら、助けてください。data.php ファイルの出力例 (エコーされる内容) は次のとおりです。
提供されたヘルプに事前に感謝します。
javascript - グラフが正しくレンダリングされない、canvasjs
を使用して 2 つの動的グラフをレンダリングしようとしていますcanvasJS。グラフ 1 は適切にレンダリングされています。実際、2 番目のグラフは適切にinspect element表示されています。画像を参照してください。ページに表示されません。
これはインターフェイスです。1 つのグラフのみが表示されます

#advertsレンダリング中ですが、ここには表示されません。
PS最初のチャートレンダリングコードをコメントアウトしようとしましたが、まったく機能せず、まだ最初のものしか表示されていません。
編集
console logこれが私がチャートをレンダリングするために戻ってきたことについてです
ここにスニペットがあります
javascript - 値に基づいてステップ領域の色を変更する
私は CanvasJS と ChartJS を使用していますが、ポイントの値に基づいて異なる色の領域を持つことが可能かどうか疑問に思っていましたか? 残りの API からグラフを作成しています
これが私のJavaScriptです:
したがって、この例では、価格が 4.00 から 7.99 の範囲にある場合は緑の領域の色を持ち、価格が 8.00 から 11.99 の場合は黄色に、12 を超える場合は赤にします。
これは可能ですか?
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、レポートのカウントに基づいているようです。
これについて何か考えはありますか?
javascript - CanvasChartJS: 自動時間間隔を回避する方法
X軸に時間を含むCanvas縦棒グラフを使用しています。
タイムチャートを更新していると、その時点のデータはありませんが、チャートに一定の時間間隔が表示されています。
これにより、チャート内に空き領域が生じ、右端に点が表示されます。
chart.render(); http://jsfiddle.net/1ekxfh2w/
データがある場所だけ時間を表示したい。どうすればこれを達成できますか??
または、私のために仕事をすることができる他のチャート??




