問題タブ [zingchart]
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.
zingchart - ZingChart - すべての「scale-yn」オブジェクトをチャートの左側に配置する方法は?
ZingChart は、(最初のものを除く) すべてのスケール オブジェクトをチャートの右側に自動的に配置するようです。
すべての Y 軸をグラフの左側に配置する方法はありますか?
ありがとうございました。
zingchart - ZingChart を使用した多次元積み上げ棒グラフ
ZingChart を使用して、多次元積み上げ棒グラフを作成しようとしています。これは私が得た限りです:
なぜか画像が表示されません。それへのリンクは ( https://drive.google.com/file/d/0B14IyWv9zwZ9a0hWR0lXTDZQXzQ/view ) です。
この例では、各バーは製品 (3 つの製品がある) を表し、各バーについて地域 (4 つの地域がある) ごとの内訳を表示したいと考えています。したがって、毎年最大 3 つの製品バー (3 つの製品に対して) が存在し、各製品バーに対して最大 4 つの色 (4 つの地域に対して) が存在します。
バー自体は正しいですが、チャートが適切に行っていないことがいくつかあります。
- 凡例が示すように、各地域は製品ごとに個別の色を取得します。製品から製品へと再利用される 4 つの地域の色のみが必要ですが、この場合は 12 の地域の色 (3 つの製品 x 4 つの地域) があります。
- 各バーにラベルを付けて、それぞれがどの製品に関連しているかを示したいと思います。これは、x 軸の年ラベルの上にある追加のラベル、または製品を示す各バーの上にあるラベルである可能性があります。
ZingChart の Web サイトで同様の例を探しましたが、積み上げ棒グラフはすべて「1」次元でした。Tableau では、このようなことを非常に簡単に行うことができます。
zingchart - ZingChart で円グラフのサイズを設定する
複数の円グラフを含むビジュアルがあります (複数の個別の円グラフを含むグラフセットがあります)。各円グラフのサイズが各円のデータのサイズを反映するようにします。たとえば、2010 年の収益が $1,000,000 であることを示す円は、2014 年の収益が $2,000,000 であることを示す円よりも小さくなります。
しかし、サイズ属性は、数字だけを使用するか、数字と「px」を使用するかに関係なく、各パイのサイズに影響を与えないようです。
この機能は実際に円グラフで機能しますか? もしそうなら、誰かがそれを実証できますか。
coldfusion-11 - 棒グラフの列/棒の合計にアクセスするにはどうすればよいですか?
すべてのチャートを壊してしまった CF11 にアップグレードしたいので、ZingChart JSON スタイルを使用するように cfcharts を変換しようとしています。
現在、棒グラフの凡例を設定しようとしています。以前は、cfchart でこの xml スタイリング コードを使用して、ラベルと各バーの合計を凡例に含めていました。
私の例では、バーは年を表しているため、凡例項目の例は「2013 Total:34」になります。
ZingCharts を使用してこれを達成するにはどうすればよいですか? これまでの凡例コードは次のようになります。
javascript - Zingchartsライブフィードがチャートをレンダリングしない
だから私はZingChartsを試してきましたが、これは一般的に私がとても気に入っています。しかし今、私はライブ フィードを作成しようとしていますが、ドキュメントはそれほど明確ではありません。HTTP を使用してチャートを新しい値で更新しようとしています。更新された値でチャート データを送信するページが必要なようです。それが私がやっていることです。このグラフは、JSON をライブ フィードとしてではなくブラウザに直接貼り付けたときに正しくレンダリングされます。強調されたテキストのみが /metrics_feed から正しくプルされ、グラフのアウトラインがレンダリングされますが、すべて灰色です。HTTP 経由で送信している JSON は次のとおりです。
そして、これらの値を毎秒程度更新する予定です。ここに私のHTMLサイドコードがあります:
そして、HTTP経由で送信する代わりにJSONを直接コピーすると、これはすべて機能するため、Zingchartsのドキュメントに欠けているものがあると思います。
json - グラフ内のすべてのテキストのフォント属性を設定する方法は?
外部 JSON スタイリング ファイルを持つ ZingChart (cfchart 経由) があります。font-family、font-weight、font-size などのフォント属性をグラフ内のすべてのテキストに個別に設定せずに設定するにはどうすればよいですか?
これまでの私のJSONファイル:
たとえば、すべてのscale-x「アイテム」に対して個別に追加できることを知っています。
しかし、グラフ内のすべてのテキストに追加したいと考えています。
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 と参考までに: 他のチャート作成パッケージには取り組めません。
zingchart - Zingchart を強制的に更新する方法
ソケット ライブラリを使用して、サービスからデータをダウンロードします。私は次のことを行って、このデータを zingchart に送信します (データのマッサージ後):
ただし、チャートは更新されません。リアルタイムのように感じてもらいたいのです。