为什么我不能从控制器中的 .fxml 修改图表？答案

【问题标题】：Why can't I can't modify a Chart from the .fxml in my Controller?为什么我不能从控制器中的 .fxml 修改图表？
【发布时间】：2019-01-02 03:34:45
【问题描述】：

我在我的 .fxml 文件中定义了一个 BarChart，我使用 @FXML 注释将其注入到我的控制器中。但是，当我插入数据系列时，图表在我的应用程序中仍然显示为空，即使调试器输出确认我已成功将数据系列插入到图表中。我需要告诉图表的视图以某种方式更新吗？

我当然可以通过从 fxml 中获取一个窗格来解决该问题，然后将图表插入到该窗格中（这确实有效，我过去使用过这种解决方法）。但我很好奇我做错了什么。

感谢您的帮助！

控制器代码：

@FXML private BarChart<Number,String> barChart;

//...

    barChart.getData().add( new XYChart.Series<Number,String>("blabla",

        eventService
            .getTopTen(EventType.MUSICAL)
            .entrySet()
            .stream()
            .map(entry -> new XYChart.Data<>((Number)entry.getValue(),entry.getKey().getName(),entry))
            .collect(Collectors.collectingAndThen(toList(), FXCollections::observableArrayList))
    ));

我的 FXML：

//...

<AnchorPane prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/10.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ac.tuwien.inso.sepm.ticketline.client.gui.event.EventTopTenController">
   <children>
      <Button layoutX="267.0" layoutY="361.0" mnemonicParsing="false" onAction="#MusicalTopTenButtonHandler" text="Literature" />
      <BarChart fx:id="barChart" layoutX="52.0" layoutY="14.0" prefHeight="338.0" prefWidth="510.0">
        <xAxis>
          <NumberAxis side="BOTTOM" />
        </xAxis>
        <yAxis>
          <CategoryAxis side="LEFT" />
        </yAxis>
      </BarChart>
   </children>

【问题讨论】：

请edit 您的问题提供minimal reproducible example 演示问题。

标签： java javafx

【解决方案1】：

您可以使用 highcharts 库来代替它。它支持json格式，可以简化您的问题。

【讨论】：

【解决方案2】：

我已经想通了。我错误地将 fxml 加载到我的程序中两次。在控制器中调用该方法后，其中一个节点被更新，另一个没有。我只是在看那个不是的。还是谢谢！

【讨论】：