如何在条形javafx顶部显示条形值

Posted 2023-02-21

【中文标题】如何在条形javafx顶部显示条形值

【英文标题】：how to display bar value on top of bar javafx

【发布时间】：2013-02-20 15:28:07

【问题描述】：

从此代码我可以生成 10 个条形图现在我想知道如何在条形顶部显示每个条形的值，如附图：

代码如下：

public class BarChartSample extends Application 


    @Override public void start(Stage stage) 
        stage.setTitle("Bar Chart Sample");
        final CategoryAxis xAxis = new CategoryAxis();
        final NumberAxis yAxis = new NumberAxis();
        final BarChart<String,Number> bc = 
            new BarChart<String,Number>(xAxis,yAxis);
        bc.setTitle("Country Summary");
        xAxis.setLabel("bars");       
        yAxis.setLabel("Value");

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

for(int i=0;i<10;i++)

   //here i want to change color of bar if value of i is >5 than red if i>8 than blue 
series1.getData().add(new XYChart.Data("Value", i));

          



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

【问题讨论】：

相关***.com/a/41494789/4469105

【参考方案1】：

在每个数据项的node 属性的ChangeListener 内，您可以调用以下函数将标签添加到栏的顶部：

private void displayLabelForData(XYChart.Data<String, Number> data) 
  final Node node = data.getNode();
  final Text dataText = new Text(data.getYValue() + "");
  node.parentProperty().addListener(new ChangeListener<Parent>() 
    @Override public void changed(ObservableValue<? extends Parent> ov, Parent oldParent, Parent parent) 
      Group parentGroup = (Group) parent;
      parentGroup.getChildren().add(dataText);
    
  );

  node.boundsInParentProperty().addListener(new ChangeListener<Bounds>() 
    @Override public void changed(ObservableValue<? extends Bounds> ov, Bounds oldBounds, Bounds bounds) 
      dataText.setLayoutX(
        Math.round(
          bounds.getMinX() + bounds.getWidth() / 2 - dataText.prefWidth(-1) / 2
        )
      );
      dataText.setLayoutY(
        Math.round(
          bounds.getMinY() - dataText.prefHeight(-1) * 0.5
        )
      );
    
  );

代码的工作原理是向每个条形节点的父节点添加一个文本标签，然后在每次调整条形大小时根据条形和文本边界动态定位文本标签。

我为此创建了一个sample solution。

【讨论】：

在编译你的代码时它给出了错误'' operator is not allowed for source level below 1.7 at final BarChart bc = new BarChart(xAxis, yAxis);跨度>

代码是为 Java 7 编写的，使用 diamond operator。您可以将编译器设置为至少接受 Java 7 源代码（javac 选项 -source 7）或将语句更改为与 Java 6 源兼容的 BarChart<String, Number> bc = new BarChart<String, Number>(xAxis, yAxis);。请注意，即使您使用的是 jdk7+，您可能正在为低于 7 的源级别进行编译。

@jewelsea 在 StackedBarChart 上添加一个文本标签怎么样

@khaled 我猜用 StackedBarChart 执行此操作与标准 BarChart 相同，如果不是，则记录一个特定于 StackedBarCharts 的新问题，该问题解释了您尝试的内容和无效的内容.

@jewelsea ***.com/questions/17838490/…

【参考方案2】：

JFX 中没有这样的选项，关于在条形图中显示条形的标签。

您可以做的是扩展条形图类，并覆盖有关内容创建和分配的方法。

您可以在 javafx-ui-charts 项目中观察图表代码，您可以从 OpenJFX 存储库下载。

图表代码不难理解...

从http://hg.openjdk.java.net/openjfx/8/master/rt下载rt-repository

找到项目 javafx-ui-charts 并打开它。查找条形图的实现。

【讨论】：

我已经搜索了分配，但你不能提供一个例子，或者你是否可以编辑我的代码。谢谢你的兴趣