問題タブ [zingchart]

Web ページを読み込もうとすると、次のエラーが表示されます: Request header field Access-Control-Allow-Origin is not allowed by Access-Control-Allow-Headers in preflight response.

この問題に対応する他の回答を見てきましたが、CORS サポートの欠如を示しています。紛らわしいのは、cors をサポートしていることです。少なくとも私はすると思う。

Zingchart を Angular JS フロント エンドに接続し、AJAX リクエストを使用して REST API (localhost:3000) からデータを取得しようとしています。

これが私のAJAX呼び出しです：

私の REST API 実装には以下が含まれます。

私の REST API は、このチュートリアルの助けを借りて構築されました: https://www.youtube.com/watch?v=OhPFgqHz68o

REST API からデータを取得すると、JSON 応答は次のようになります。

[{"_id":"5686ec582df17bea255ec3c2","litres":3,"minute":54,"__v":0}, {"_id":"5686f4b22df17bea255ec3c3","litres":4,"minute":55, "__v":0},{"_id":"568bda9531906b7020d48664","litres":5,"minute":56,"__v":0},{"_id":"568be3dc31906b7020d48665","litres":12, "分":57,"__v":0}]

Y 軸にリットル、X 軸に分を示す折れ線グラフが必要です。

このようなグラフの ZingChart の正しい形式になるように、JSON を解析するにはどうすればよいですか?

（以前にも同様の質問をしたことがありますが、問題が再び発生しました。）

ZingCharts を使用した非常に単純な円グラフがありますが、ZingCharts サイトのすべての例で各スライスのパーセンテージが表示されていますが、表示するパーセンテージを取得できません。値ボックスを使用していることに注意してください。CDN の最新バージョンの ZingCharts を使用しています: https://cdn.zingchart.com/zingchart.min.js

各スライスに線で付けられたテキストである値ボックスではなく、スライスに表示されるパーセンテージを探していることに注意してください。

これが私のコードです：

より効果の高い円グラフではなく、標準の円グラフを使用したい。

私はこの zingchart に取り組んでいます:

グラフを変更してプロットなどを追加しました。ただし、X 軸と Y 軸のラベルを動的に変更しようとするとエラーが発生します。私は JQuery ラッパーを使用しており、Update Objectに従って次のことを行います。

しかし、これはエラーを発生Uncaught TypeError: Cannot read property 'length' of undefinedさせます: この部分で (私はそれが最小化されており、あなたが zingchart を開発しない限りあまり意味がないことを知っています):

の中にcase "updateobject":

オブジェクトの更新を正しく使用しているかどうかはわかりませんが、これはドキュメントからの動作のようです。私が見逃しているかもしれないアイデアはありますか？

編集: このjsfiddleで発生率を再現できませんでしたが、機能させることもできませんでした。

EDIT2：

pに設定されているこのビットになると思いますundefined：

そしてr.o、次のとおりです。

このデモは、動作する例を示していUpdateObjectます。

以下のオブジェクトlabelsが見つかるようです (そのため、+"s"inの前に見ましたp = r.o[G + "s"])。「scale-x」内のラベルを変更するために間違った方法を使用している可能性があります。