問題タブ [zingchart]

zingcharts-angularjs ディレクティブを使用して、デュアル y 軸を持つ混合グラフを作成しようとしています。

デュアル Y 軸の場合、「scale-y-2」パターンに従いますが、私の AngularJS アプリケーションでは機能しませんでした。zingcharts-angularjs で 2 つの y 軸をレンダリングする方法を知っている人はいますか?

ZingChart を使用して、データをグラフとして表示します。char では、サーバーから取得した時刻に続くデータを示しています。ZingChart は、クライアント時間に従うようにデフォルトで設定されています。

チャートでタイムゾーンを整数値としてのみ設定できることがわかりました。ただし、一部のタイムゾーンは UTC+10:30、UTC+04:30...

では、正確な時間を表示する ZingChart にタイムゾーンを設定するにはどうすればよいでしょうか? また、その日にサマータイムがある場合、どうすればそれを修正できますか?

JSON スクリプト

zingchart を使用してレスポンシブ チャートを作成しようとしていますが、最初のレンダリング時にチャートのサイズが正しく設定されません。ウィンドウのサイズを変更すると、適切なサイズになります。

それを再作成する手順:

ここからファイルをダウンロードします。

148 行目と 149 行目を次のように変更します。

新しいブラウザ ウィンドウを開き (最新のクロム、ウィンドウで試しました)、幅 450 ピクセル以下にサイズ変更します。

そのウィンドウで編集したファイルを開きます。

親 div のサイズが適切に設定されていても、グラフの幅は 640px になります。

もちろん、divのサイズを手動で設定するか、幅100％に設定し、htmlと本文の幅を100％に設定しようとしました。

私は何か間違ったことをしていますか、それともライブラリのせいですか?

zingchartで境界線のある線を引くことはできますか?

私は

しかし、追加"border-color" : "#something"してそれを"border-width" : 3pxしません。

ドキュメントを試しましたが、棒シリーズの種類を除いて、関連するものは見つかりませんでした。

編集:言うのを忘れましたが、私は混合タイプのグラフ (バー + ライン) を使用しています。境界線を「バー」タイプのシリーズに設定できますが、「ライン」タイプには設定できません。

ZingChart ライブラリを使用してグラフを作成しましたが、すべてが期待どおりに機能しています。グラフは、特定のコンセントの電力消費量を時系列で表示するために使用されます。

グラフが読み込まれると、システムはその期間の kWh 消費量を表示します。

ユーザーはグラフをズームインおよびズームアウトする機能を持っていました。その場合、その期間の消費電力をグラフに表示したいと思います。

私はズームイベントを使用しています：

ズームインまたはズームアウトすると、関数 getseriesdata、getseriesvalues、および getplotvalues は、表示されている値だけでなく、常に完全なグラフ値を返します。

p オブジェクトは新しい x と y の制限を与えてくれますが、それらを使用して可視値のみを取得する方法が見つかりません。

誰かがこれをしましたか？

どんな助けでも大歓迎です。

ありがとう！

http://www.zingchart.com/docs/chart-types/pie/#pie__trellis_chartに似た、トレリス スタイルの円グラフ (同じグリッド内の複数の円グラフ) があります。私が使用しているコードは、そのページにあるものと非常によく似ています。

各円グラフに固有のタイトルを付けたいと考えています。たとえば、4 つの円グラフがあり、各円グラフが 1 年の異なる四半期を表している場合、最初の円グラフは「Q1」、2 番目の円グラフは「Q2」などと表示されます。