問題タブ [cfchart]

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

coldfusion - Coldfusion チャートに £ 記号を表示する

非常に単純なことですが、印刷された Coldfusion PNG チャートの yAxis タイトルに英ポンド記号 (£) を表示したいと考えています。

これが私のコードです:

£ と &##163; のさまざまな組み合わせを試しました。しかし、£記号は何も表示されていません。

何か案は ?

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

coldfusion-11 - 棒グラフの列/棒の合計にアクセスするにはどうすればよいですか?

すべてのチャートを壊してしまった CF11 にアップグレードしたいので、ZingChart JSON スタイルを使用するように cfcharts を変換しようとしています。

現在、棒グラフの凡例を設定しようとしています。以前は、cfchart でこの xml スタイリング コードを使用して、ラベルと各バーの合計を凡例に含めていました。

私の例では、バーは年を表しているため、凡例項目の例は「2013 Total:34」になります。

ZingCharts を使用してこれを達成するにはどうすればよいですか? これまでの凡例コードは次のようになります。

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

coldfusion - cfcharts は、cfquery と cfloop から値ボックスの png (数字付き) をプロットします

以下の例に示すように、数値を含むプロット ラベルを含む、生成された png ベースのチャート ファイルを作成する必要があります。Coldfusion 10 を使用しているため、これは新しい ZingChart エンジンを使用しています。表示されている例は、 ZingChart Builderによって作成されました。

ここに画像の説明を入力

ところで、基本的なグラフを png ファイルに描画して取得し、表示することができます。X と Y のものを正しく取得できます。シリーズを凡例で表示したり、基本的なポジショニングを行ったり、さまざまな種類のチャートを作成したりできます。特にプロットバーのラベルなど、json のオーバーライドに関しては何もできないようです。

私が提供しているコードは、interwebs から精査してテストした例からのものです...しかし、うまく失敗するはずです (ちょうど私の一日のように)。

私はクラスター化された環境にいます。これらのチャートは HTML を提供しないため、png の回避策があります。さらに、画像は拡大縮小され、PDF にエクスポートできるため、画像のようにする必要があります。正しく表示され、サーバーがレンダリングしてクライアントに送信するため、クライアント側の遅延はほとんどありません。

今。上記のように、#plot# などに変数の置換があります (私が (一日中) 試した json の動作の「どれも」見たことがありません (何かを作るための非常に多くの異なる方法/コンボ)エラーで失敗するか (私が間違えたため)、何もしません (これは驚くほど素晴らしいことです)。

上記の json に問題がある可能性がありますが、再度、新しい json の試行、インライン json も単純化などで変更後に変更を上書きしました。

私が信じていることは、plot value:box text: v% が (妖精の魔法によって) chartdata 値パラメーターの値を、バーの上または下の素敵な数値として返す必要があることです (または、そうなると思います)。何もしないので、期待をテストすることはできません。

詳細が必要な場合はお知らせください...

PS と参考までに: 他のチャート作成パッケージには取り組めません。

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

coldfusion - coldfusion cfchart 横棒グラフ

coldfusion 横棒グラフでは、cf クエリの結果セットと valueColumn を使用する cfchartseries に (25,65,20) の値が含まれ、itemcolumn が空の文字列として含まれています。説明を表示したくありません。添付の を参照してください、Horizontal_cfchart.pngx 軸では 0 から 70 までの範囲を示し、横棒データ ポイント (25,65,20) を認識できますが、最近 x 軸の値は 0.0,0.1 の範囲を表示し、 0.2、0.3、0.4........1.0、

正確な問題が何であるかわかりません、あなたの考えを共有してください。

ここに画像の説明を入力

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

coldfusion - ColdFusion 11 cfchart xAxis 形式

ColdFusion 11 で単純な折れ線グラフを作成しようとしていますが、デフォルトで表示される完全な日付/タイムスタンプではなく、mm-dd-yy のような日付形式を表示するように xAxis をフォーマットしたいと考えています。

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

xAxis 属性で次のエラーが発生しています。

xAxis 属性のいくつかの異なるバリエーションを試してみましたが、うまくいきませんでした。これをどの形式にするべきかについてのドキュメントは不明です。

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

coldfusion - cfchart の scaleTo が機能しない

私はColdFusion 9に取り組んでいます-cfchart、これが私のコードの一部です

しかし、scaleToの値が整数の制限を超えて増加すると、エラーが表示されると問題が発生します。string、double、または bigInt に変換する場合でも、それらの値は受け入れられません。そして、「整数内に収まらないため、値 3.1616321275E9 を整数に変換できません」というエラーが引き続き表示されます。誰でも私がこれから抜け出すのを手伝ってくれる?

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

charts - ZingChart で折れ線グラフと棒グラフの間の垂直ガイドを揃える方法は?

ColdFusion 9 から ColdFusion 11 へのアップデートにより、基盤となるチャート エンジンが WebCharts3D から ZingCharts に変更されました。2 つのライブラリ間の非互換性と<cfchart>タグ内の実装のほとんどの解決策を見つけることができましたが、ColdFusion 9 では発生しなかったアライメントの問題を解決するのに苦労しています。純粋な JavaScript と HTML。

WebCharts3D では、ガイドと目盛りは棒グラフの棒の中央に配置されます。折れ線グラフと棒グラフを組み合わせたものには、棒の中心と折れ線グラフのマーカーを通るガイドがあります。これは、折れ線グラフとまったく同じ動作です。

ZingCharts では、複合チャートまたは棒チャートのガイドとティックはバーの左側に位置し、線のマーカーを通過しません。これは、折れ線のみのグラフとは異なる動作です。x 軸のラベルは、両方のエンジンで完全に中央に配置されています。

ここで例を見ることができます: http://jsfiddle.net/yo3uta96/

問題:

私は、雨、風、気温などを示す統計的な気象データを含む非公開のページを持っています。これらは、互いに下にある多数のチャートで表されます。一部は折れ線グラフ、一部は棒グラフ、一部は複合グラフです。これは動的に作成されるページで、ユーザーは過去 365 日までの日付範囲を選択できます。ページ上のすべてのグラフには、同じ数のデータポイントがあります。表示するデータポイントが 80 を超える場合、棒グラフは面グラフに、折れ線グラフはマーカーのない折れ線グラフに変わります。

私が達成したいこと:

グラフ、データポイント、ガイド、目盛りを x 軸のラベルと同じように並べたいと思います。

私が試したこと:

折れ線のみのチャートにoffsetStartとoffsetEndを追加してデータポイントを並べることができました。複合チャートでは、折れ線チャートの最初のマーカーが対応する最初のバーの中央に配置され、y軸上に配置されなくなるため、これが必要です。折れ線グラフのように。同じことが最後のマーカーにも当てはまります。

残念ながら、オフセットを追加しても目盛りとガイドの位置合わせの問題は解決しません。guides、minorTicks、minorGuides、offsets のほぼすべての可能な組み合わせを試しましたが、役に立ちませんでした。理想的な世界と、すべての x 軸のラベルがグラフに表示されるいくつかのエッジケースでは、ガイドを無効にし、マイナー ティックを 1 に設定するとうまくいく場合があります。ただし、データポイントの数を増やすと、この方法は機能しなくなります。

質問:

ZingCharts がチャート間で完全に整列しているように見える x 軸ラベルを処理するのと同じ方法で、棒グラフと折れ線グラフのガイドと目盛りを同じデータポイント数で整列するにはどうすればよいですか?