【问题标题】:Display ToolTip on PieChart在饼图上显示工具提示
【发布时间】:2015-03-04 11:40:30
【问题描述】:

我想在饼图上移动鼠标指针时显示工具提示。我测试了这段代码:

private ObservableList<Data> pieChartdData = FXCollections.observableArrayList();
    private PieChart chart = new PieChart(pieChartdData);

    public void pieChart(List<FSPartitions> obj)
    {
        for (FSPartitions obj1 : obj)
        {
            String fsName = obj1.getFSName();
            double usedSize = obj1.getUsedSize();

            for (Data d : pieChartdData)
            {
                if (d.getName().equals(fsName))
                {
                    d.setPieValue(usedSize);
                    return;
                }
            }
        }

        for (FSPartitions obj1 : obj)
        {
            String fsName = obj1.getFSName();
            double usedSize = obj1.getUsedSize();

            pieChartdData.add(new Data(fsName, usedSize));
        }

        Platform.runLater(() ->
        {
            final Label captioln = new Label("");
            captioln.setTextFill(Color.DARKORANGE);
            captioln.setStyle("-fx-font: 24 arial;");

            chart.getData().stream().forEach((data) ->
            {
                data.getNode().addEventHandler(MouseEvent.MOUSE_ENTERED,
                    new EventHandler<MouseEvent>()
                    {
                        @Override
                        public void handle(MouseEvent e)
                        {
                            captioln.setTranslateX(e.getSceneX());
                            captioln.setTranslateY(e.getSceneY());
                            captioln.setText(String.valueOf(data.getPieValue()) + "%");
                        }
                    });
            });
        });

        chart.setData(pieChartdData);
    }

我甚至添加了 Platform.runLater(() 来测试这是 JavaFX 8u40 中的错误,但是当我将鼠标移到 PieChart 上时仍然没有工具提示。此代码在 JavaFX 任务中执行,所以可能存在已知问题. 你有什么想法吗?

【问题讨论】:

标签: javafx javafx-8


【解决方案1】:

尝试在每个节点中安装工具提示:

chart.getData().stream().forEach(data -> {
    Tooltip tooltip = new Tooltip();
    tooltip.setText(data.getPieValue() + "%");
    Tooltip.install(data.getNode(), tooltip);
    data.pieValueProperty().addListener((observable, oldValue, newValue) -> 
        tooltip.setText(newValue + "%"));
});

【讨论】:

    【解决方案2】:

    您也可以尝试以下解决方案:

    for(PieChart.Data data: pieChart.getData()){
            Tooltip tooltip = new Tooltip(data.getName() + ": " + data.getPieValue() +"%");
            Tooltip.install(data.getNode(), tooltip);
            
            //respond to change in value
            data.pieValueProperty().addListener((observable, oldPieValue, newPieValue)->{
                tooltip.setText(data.getName() + ": " + newPieValue + "%");
            });
        }
    

    【讨论】:

    • 这与其他答案有何不同(除了文本略有不同)?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-09-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多