Javafx - 将鼠标悬停在条形图上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javafx - 将鼠标悬停在条形图上相关的知识,希望对你有一定的参考价值。

我需要将鼠标悬停在条形图中的栏上。

我有代码显示条形图,我需要在图形上跨越条形时显示y轴的值。

  XYChart.Series set1 = new XYChart.Series<>();
    XYChart.Series series1 = new XYChart.Series();

    for(int i = 0; i< suply.size(); i++)
    {       
    set1.getData().add(new XYChart.Data(suply.get(i).getName(), Float.parseFloat(suply.get(i).getNum())));

      final XYChart.Data<String, Number> data  = new XYChart.Data(suply.get(i).getName(),  Float.parseFloat(suply.get(i).getNum()));

    data.nodeProperty().addListener(new ChangeListener<Node>() {

      @Override public void changed(ObservableValue<? extends Node> ov, Node oldNode, Node newNode) {
        if (newNode != null) {

        }
      }
    });

    series1.getData().add(data);

    }

    barChart.getData().add(series1);

    //now you can get the nodes.
    for (Series<String, Number> serie: barChart.getData()){
        for (XYChart.Data<String, Number> item: serie.getData()){
            item.getNode().setOnMousePressed((MouseEvent event) -> {
                System.out.println("you clicked "+item.toString()+serie.toString());
            });
        }
    }
    barChart.setCursor(Cursor.CROSSHAIR);

在条形图上悬停代码的位置以及如何?

答案

我找到了解决方案

       for (final Series<String, Number> series : barChart.getData()) {
        for (final XYChart.Data<String, Number> data : series.getData()) {
            Tooltip tooltip = new Tooltip();
            tooltip.setText(data.getXValue().toString() +" "+ 
                         data.getYValue().toString());
            Tooltip.install(data.getNode(), tooltip);
        }
    }

以上是关于Javafx - 将鼠标悬停在条形图上的主要内容,如果未能解决你的问题,请参考以下文章

在悬停时在堆积条形图上绘制水平线(图表 js)

JavaFX 过渡 - 悬停时变暗按钮

条形图不断增加的高度

如何使用 mplcursors 在条形图上添加悬停注释

ChartJS将工具提示添加到分组条形图

在鼠标悬停事件上更新 D3.js 图