問題タブ [zingchart]

スクロールしたいのですが、スクロールの原因となるコードを追加する必要がありますか?

ここからデモフィドルを見ることができます;

すべてのロシア語と中国語の単語に加えて、いくつかのトルコ語の文字がこのデモで機能していないことがわかります。以前はハイチャートを使用していたため、チャートの種類を変更したくありません。d3 が最善の解決策かもしれませんが、チャートが多すぎるため、私には負担が大きすぎます。

機能しない文字: ç,ı,ğ,ş,ü すべてロシア語と中国語

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 軸ラベルを処理するのと同じ方法で、棒グラフと折れ線グラフのガイドと目盛りを同じデータポイント数で整列するにはどうすればよいですか?

私はZing Chartを試していて、このようにJS配列を持っています:

特定のポイントにカーソルを合わせたとき - ツールチップに時間、値、シリーズを表示できますが、ユーザーが散布図の特定のポイントにカーソルを合わせたときに同じ配列から Parameter1,2,3 を表示するにはどうすればよいですか?

ありがとう。

私はzingchart棒グラフを使用しています。しかし、グラフの一部をズームした後も、X 軸の下に残ります。

チャートの構成は次のとおりです。

それを取り除く方法は？

これが私がやろうとしていることの例です: http://jsfiddle.net/4pb8uzt8/13/

Zingchart (2.3.0) と AngularJs (1.4.7) および Ionic (1.1.0) を使用しています

これまでのところ、私のアプリのすべてのグラフは正常に機能しています。しかし、バーの塗りつぶしをカスタマイズしようとすると、奇妙な動作が発生しました。バーは非表示で、マウスをホバーするとバーが表示されます。それがどこから来ているのかを突き止めようとしましたが、奇妙なことは何も見つかりませんでした。

何か案が ？JSFiddle に示されているものとまったく同じ json を使用しました。これは文字通りコピーアンドペーストです。

透明バー

ありがとうございました。

アップデート

ルート URL にいないため、AngularJs アプリで属性fill: url(#...)が認識されません。アプリ/グラフの例。状態「グラフ」を次のように属性に追加した場合にのみ機能します。

私の質問は、グラデーションを使用せずに私がやろうとしていることを達成する方法はありますか?

問題を解決するアプリの状態ごとにタグを追加することは避けたいと思います。