如何在杆的JavaFX的顶部显示条值(how to display bar value on top

2019-07-21 01:35发布

从这个代码我可以生成的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);
    }
}

Answer 1:

里面ChangeListener为每个数据项的node属性,可以调用下面的函数将标签添加到栏的顶部:

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
        )
      );
    }
  });
}

代码工作通过添加文本标签到每个杆节点的父母,然后动态地基于定位的酒吧,每个酒吧的调整时间文本的边界上的文本标签。

我创建了一个样品溶液这一点。



Answer 2:

有一个在JFX没有这样的选择,有关的标签显示为条形图酒吧。

你可以做的是延长条形图类,并覆盖约内容创建和分配方法。

你可以观察JavaFX的用户界面,图表项目的图表,你可以从的OpenJFX库下载的代码。

图表的代码是不难理解...

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

查找项目JavaFX的用户界面,图表和打开它。 查找执行条形图。



文章来源: how to display bar value on top of bar javafx