問題タブ [linechart]

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

apache-flex - Flex の LineChart セグメント

Flex アプリケーションでいくつかの折れ線グラフを作成していますが、これらの折れ線グラフのセグメントを別の色で描画する必要があります。これをどのように達成できるか考えている人はいますか?たとえば、次のようなコードがあるとします (実際には、簡単にするためにこの些細な例を示しています (問題は同じです)):

この「Profit」シリーズを (現在のように) 青にしたいのですが、線の最初のセグメント (1 月、2 月) を黄色にして、別のセグメント (3 月、4 月、じゅん)赤くなる。

既存のシリーズの上に適切な色を付けて、これらのセグメントに追加のシリーズを描画できることはわかっていますが、Flex でこれを行うよりエレガントな方法があるのではないかと考えていました。

回答ありがとうございます。

0 投票する
2 に答える
1180 参照

apache-flex - フレックスチャートがx軸に沿って正しい値を表示しない

私はこの質問をするためのより良い方法を知りません。

以下のコードを実行すると(cDataセクションがプレビューに表示されないことがわかっているので、何かが原因で無視されます)。

結果はデー​​タを正しく表していません。1. Flexは、DECKERの8月24日の欠落した日付を無視します。2.42.77を8月24日ではなく8月23日に誤って関連付けます。

x軸がすべての利用可能なポイントの和集合であるフレックスの方法はありますか?

以下のコードは完全に次のものからのものです: AdobeWebサイトのリンク

コメントしたデータポイントは2つだけです。// {date: "23-Aug-05"、close:45.74}、および// {date: "24-Aug-05"、close:150.71}、

]]>

0 投票する
2 に答える
2624 参照

apache-flex - フレックス折れ線グラフのズーム

dateTimeAxisを横軸にした折れ線グラフを拡大するのに問題があります。スライダーでdateTimeAxisの最小属性と最大属性を設定して、ズームインおよびズームアウトしたいと思います。日付ラベルは必要に応じて変更されますが、最小値または最大値を設定すると線が消えます。

これが私が持っているコードの一部です:

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

apache-flex - LineSeriesのlineStroke属性が変更されたときに、FLEX 4折れ線グラフの凡例が色の表示を停止するのはなぜですか?

FLEX 4で折れ線グラフを実装しています。デフォルトの色が気に入らず、データとの関連性が低いため使用できないことを除いて、グラフは正常に機能しています。たとえば、オレンジは私のデータ列「屋外温度」のデフォルトの色としては最適ではありません。むしろそれを上書きして、可能であれば緑色を使用したいと思います。

このようにSolidColorStrokeを明示的に指定すると、折れ線グラフの凡例が壊れます。

^このコードを使用すると、折れ線グラフの凡例はその特定のLineSeriesの色の表示を停止し、黒でのみ表示されます。

LineSeriesのストロークの色を上書きして、それらの色を凡例の表示に保持するにはどうすればよいですか?

これはFLEX4のバグですか?FLEX 3の例(AdobeのFLEX 3ヘルプWebサイトでも)で、ストロークの色を上書きでき、グラフの凡例に保持されていることに気付きました。

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

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

apache-flex - FLEX LineChartのカスタムデータヒントから望ましくないテキスト/HTMLタグを削除するにはどうすればよいですか?

デフォルトのデータチップは醜くて退屈だったので、FLEXLineChartのデータチップをオーバーライドする関数を作成しました。

最終的に必要なスタイルを設定しましたが、カスタムデータチップに表示される不要なタグを削除する際に問題が発生します。

たとえば、データチップには次のようなものが表示されます。

いつでも「Replace()」を実行して、これらの壊れた太字のHTMLタグを削除できますが、それは本当に不必要であり、開発に反しているようです。

これを使用して、dataTipのラベルテキストを設定しています。

[displayText]が解析する必要のあるHTMLタグを表示するのはなぜですか?テキストの値からこれらのタグをフォーマットするにはどうすればよいですか?設定はありますか?

HTMLタグの目的は理解していますが、FLEXでは使用されていません(どうやら)。テキストからそれらを削除する方法がわかりません。コンテナにスタイル属性をすでに設定していますが、これらのタグを上書きすると思いますか?それが彼らが現れている理由でしょうか?

何かアイデアや提案はありますか?ありがとう!

0 投票する
5 に答える
22293 参照

javascript - グラフ折れ線グラフ

Graphael (特別な折れ線グラフ) の優れたチュートリアルはありますか? .

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

iphone - Core-Dataで要求されたデータ範囲を超えてもう1つのデータポイントを取得するにはどうすればよいですか?

私は、コアデータを介してアクセスされる大規模なデータベースを折れ線グラフでグラフ化するiPhoneアプリに取り組んでいます。このグラフのレンダリングには、タイルベースのアプローチを使用しています。データポイント間の距離は不規則です。

各タイルは述語を使用して、そのタイルに関連するデータを取得します。

NSPredicate * predicate = [NSPredicate predicateWithFormat:@ "creationDate>%@ ANDcreationDate <%@"、tileBeginDate、tileEndDate];

[リクエストsetPredicate:predicate];

NSMutableArray * result = [[managedObjectContext executeFetchRequest:request error:&error] mutableCopy];

この線の描画にはタイルの範囲外のデータポイントが必要なため、異なるタイルにあるデータポイント間に線を描画するときに問題が発生します。

理想的には、コアデータで要求された範囲を超える1つのデータポイントを取得できるようにしたいと思います。これを行う方法はありますか?そうでない場合、他の提案はありますか?

0 投票する
2 に答える
2007 参照

fusioncharts - フュージョンチャート-折れ線グラフ

Fusionchart.rendercharthtmlを使用して折れ線グラフを描画する方法

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

apache-flex - フレックス ライン チャートの横軸に年ごとにグループ化された月を表示するにはどうすればよいですか?

基本的に、フレックス ライン チャートがあり、x 軸は次のようになります。


これで問題ありませんが、次のように、月が属する年も表示したいと思います。


私のデータプロバイダーは、次のような xml ドキュメントです。


そして、これは私が LineChart コントロールのために持っているものです:


私は何時間もかけて、同様のことを行う例を見つけようとしましたが、うまくいきませんでした。Flex のドキュメントには、y 軸に複数の軸を示す例がいくつかありますが、x 軸にはありません。

同様のことをしたい他の人が投稿した他の質問をいくつか見ましたが、それらのほとんどは答えが得られなかったか、答えは複数の軸のドキュメントを参照することでした-これはすでに行っています。

Flex コンポーネントの 1 つについて、IBM サイトでこれを見つけました。これは、希望どおりに軸をフォーマットできることを示しているようです。私を正しい方向に導いてくれる人が必要なだけです。

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

charts - 既知の軸上の SVG 折れ線グラフ

折れ線グラフ(svg形式)を動的に作成したい。 このような

しかし、svg 座標系は逆に機能します。このような:

SVG座標

(0,9)、(1,3)、(2,6) のようなポイントがある場合、グラフは上から下に描画されます。しかし、svgには回転機能があります。ただし、左 (- 方向) に回すと、最後の値が最初のポイントになります。

それを鏡映するように折れ線グラフを描く必要があります。しかし、roateまたはscale関数のようなミラー関数があります:(

次のような単純な xy 座標に折れ線グラフを描画する方法はありますか。

既知の xy 軸