2

以下のように、XY折れ線グラフにプロットされた単純なセリエがあります

public class SimpleXYLineChart extends Application {

@Override
public void start(Stage stage) {        
   stage.setTitle("Line plot");       

   final CategoryAxis xAxis = new CategoryAxis();
   final NumberAxis yAxis = new NumberAxis(1, 22, 0.5);

   yAxis.setTickLabelFormatter(new NumberAxis.DefaultFormatter(yAxis){
        @Override
    public String toString(Number object){
        return String.format("%7.2f", object);
    }
});
    final LineChart<String, Number>lineChart = new LineChart<String, Number>(xAxis, yAxis);

    lineChart.setCreateSymbols(false);
    lineChart.setAlternativeRowFillVisible(false);
    lineChart.setLegendVisible(false);
    lineChart.setTitle("LineChart");

    XYChart.Series series1 = new XYChart.Series();

    series1.getData().add(new XYChart.Data("Jan", 1));
    series1.getData().add(new XYChart.Data("Feb", 1.5));
    series1.getData().add(new XYChart.Data("Mar", 2));
    series1.getData().add(new XYChart.Data("Apr", 2.5));
    series1.getData().add(new XYChart.Data("May", 3));
    series1.getData().add(new XYChart.Data("Jun", 4));
    series1.getData().add(new XYChart.Data("Jul", 6));
    series1.getData().add(new XYChart.Data("Aug", 9));
    series1.getData().add(new XYChart.Data("Sep", 12));
    series1.getData().add(new XYChart.Data("Oct", 15));
    series1.getData().add(new XYChart.Data("Nov", 20));
    series1.getData().add(new XYChart.Data("Dec", 22));

    lineChart.getData().addAll(series1);        

    Scene scene = new Scene(new Group(), 800, 600);
    final VBox vbox = new VBox();
    final HBox hbox = new HBox();

    final Button remove = new Button("Remove Series");
    remove.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent e) {
    if (!lineChart.getData().isEmpty()){ 
        System.out.println("Remove Series");
        lineChart.getData().remove((lineChart.getData().size()-1),0);
        }
    }
    });                

    hbox.setSpacing(10);
    hbox.getChildren().addAll(remove);

    vbox.getChildren().addAll(lineChart, hbox);
    hbox.setPadding(new Insets(10, 10, 10, 50));

    ((Group)scene.getRoot()).getChildren().add(vbox);
    stage.setScene(scene);
    stage.show();
}

public static void main(String[] args) {
    launch(args);
}

}

(ボタンをクリックするか、checkBox にフラグを立てることによって) プロットされた線を削除し、以下のように空のシーンを作成したいと思います。

ここに画像の説明を入力

一度プロットされた Line を削除する方法がわかりません。.remove() または .delete() メソッドが見つかりません。

これを達成する方法は？

ありがとう

4

3 に答える 3

7

問題は解決しました。JavaFX のバグのようです。

を追加して解決しました

lineChart.setAnimated(false); そしてそれはすべて正常に動作します。JIRA Kenai では、lineChart.setCreateSymbols(false); にコメントすることでバグとして提案されています。

これも機能しますが、正しい答えではないと思います。 setAnimated(false); を設定して .setCreateSymbols(false) または (true) を使用できます。

于 2012-08-24T17:27:12.987 に答える
2

私は同じ問題に直面し、回避策を作りました。概要を説明すると、すべてのシリーズで ArrayList を管理します。シリーズの 1 つをチャートから削除する必要があるたびに、ArrayList でそれを検索し、そのシリーズのデータ​​をクリアします (削除ではなくクリアします。データは色を維持するために重要です)。

final ArrayList<XYChart.Series> serieslist = new ArrayList<>();

--removing--

if(series to remove found){

serieslist.get(i).getData().clear();
addSeries(serieslist);

}

--adding--

XYChart.Series series = new XYChart.Series();
series.getData().add(SERIESDATA);

if(series to add found at i in serieslist){

serieslist.set(i, series);
addSeries(serieslist);

}
else {
serieslist.add(series);
addSeries(serieslist);
}

--method addSeries--

addSeries(ArrayList<XYChart.Series> serieslist) {

chart.getData().clear();

for (int i = 0; i < serieslist.size(); i++) {

            chart.getData().add(serieslist.get(i));
        }
    }

これがあなたが探していたものであることを願っています。

編集: 1 つの問題がまだ解決されていません。グラフからシリーズを削除すると、このシリーズの名前/説明が凡例に表示されたままになります。私の解決策は、凡例を無効にし、対応する色でシリーズを表示/削除することにしたボタンに色を付けることです。色は、折れ線グラフのデフォルトのスタイルシート (caspian.css) から抽出できます。シリーズには8色しか定義されていません。便宜上、次のとおりです。

.default-color0.chart-series-line { -fx-stroke: #f9d900; }
.default-color1.chart-series-line { -fx-stroke: #a9e200; }
.default-color2.chart-series-line { -fx-stroke: #22bad9; }
.default-color3.chart-series-line { -fx-stroke: #0181e2; }
.default-color4.chart-series-line { -fx-stroke: #2f357f; }
.default-color5.chart-series-line { -fx-stroke: #860061; }
.default-color6.chart-series-line { -fx-stroke: #c62b00; }
.default-color7.chart-series-line { -fx-stroke: #ff5700; }
于 2012-10-24T16:23:36.637 に答える
1

あなたのシリーズはObservableListです。そのリストで好きなことをすることができ、それが反映されます。

たとえば、あなたの場合：

    series1.getData().clear();
于 2012-08-23T15:07:29.930 に答える