当前位置: 首页 > 面试题库 >

JavaFX使用图表图例来切换显示/隐藏系列吗?

汤洋
2023-03-14
问题内容

是否可以使用图表的图例来切换显示/隐藏序列?

我有一个LineChart传说,而且传说太多了,Series所以您无法很好地读出信息。我想知道是否有可能使用图例来切换显示/隐藏的系列?

我的大多数名字Series都很长,如果在图例中写两次,这看起来很怪异,因此您知道夹心颜色属于夹心,Series而第二个颜色除之外还CheckBox用于切换它们。

Edit1:也许我不清楚,即使没有内置函数,我也可以使用一些输入来表示工作区的样子,因为我什么也没想。


问题答案:

这是我解决此问题的方法-我不知道任何更简单的内置解决方案

LineChart<Number, Number> chart;

for (Node n : chart.getChildrenUnmodifiable()) {
    if (n instanceof Legend) {
        Legend l = (Legend) n;
        for (Legend.LegendItem li : l.getItems()) {
            for (XYChart.Series<Number, Number> s : chart.getData()) {
                if (s.getName().equals(li.getText())) {
                    li.getSymbol().setCursor(Cursor.HAND); // Hint user that legend symbol is clickable
                    li.getSymbol().setOnMouseClicked(me -> {
                        if (me.getButton() == MouseButton.PRIMARY) {
                            s.getNode().setVisible(!s.getNode().isVisible()); // Toggle visibility of line
                            for (XYChart.Data<Number, Number> d : s.getData()) {
                                if (d.getNode() != null) {
                                    d.getNode().setVisible(s.getNode().isVisible()); // Toggle visibility of every node in the series
                                }
                            }
                        }
                    });
                    break;
                }
            }
        }
    }
}

您需要在图表上运行一次此代码(LineChart在此示例中,但您可能可以将其改编为其他任何图表)。我找到Legend孩子,然后遍历其所有项目。我根据名称将图例项目与正确的系列进行了匹配-
根据我的经验,它们始终匹配,而我找不到更好的匹配方法。然后,只需将正确的事件处理程序添加到该特定图例项即可。



 类似资料:
  • 是否可以使用图表的图例切换显示/隐藏系列? 我的的大多数名称都很长,如果它们被写了两次,看起来很奇怪,一次是在图例中,这样您就可以知道哪个颜色属于哪个,第二次是在之外切换它们。 Edit1:也许我不清楚,即使没有内置函数,我也可以使用一些输入来了解变通方法的样子,因为我什么都想不出来。

  • 我现在尝试的是,如果我有一个图表,然后,当我点击一个按钮与“onchange”功能,它将显示几个图表。但当我点击后退,我有我想要的图表,但仍然有“图例”的第二个图表在第一个图表的顶部。 有没有办法去除它?我找到了,但它删除了所有图表的图例。 这是我的代码 null null 亲切地

  • 在highcharts中有没有一种方法,我们可以在图表中隐藏一个序列,但仍然显示在图例上? 或者,我们是否可以添加一个假想/伪图例项,但并不真实存在于图表中? 对于上下文:客户要求我们根据它们的类别为条形图着色(前10条应该是默认颜色深蓝色,接下来的2条是蓝色,最后3条是浅蓝色)。现在他们要求我们放3个图例:A组(前10小节),B组(后2小节),C组(后3小节)。B组和C组不需要点击,因为它们是虚

  • 问题内容: 希望这是一个简单的问题。我有一个我想用按钮切换隐藏/显示 问题答案: 看一下jQuery Toggle HTML: jQuery的: 对于jQuery 1.7及更高版本

  • 问题内容: 我想显示一个带有控件的基本html表,以切换其他列的显示/隐藏: 因此,默认情况下,列1和列2将是唯一显示的列-但是,当您单击列1时,我希望1a和1b切换,与列2和2a和2b相同。我可能最终会有更多的列和很多行- 因此,当我进行测试时,任何JavaScript循环方法都太慢而无法使用。 似乎足够快的唯一方法是设置一些CSS,如下所示: 然后在表标题单元格上设置onClick函数调用,这

  • 在React JS组件中,我正在渲染一个项目列表(食谱),使用来自数组的JS映射函数,从应用程序父组件传入。每个项目都有一个子列表(配料),同样使用地图功能呈现。 我想要的是,当你点击菜谱标题时,显示/隐藏配料的子列表。我在标题上使用了onClick函数,将CSS设置为显示none或block,但出现以下错误: 无法读取未定义的属性openRecipe 这是我的代码: 另外,我试图在这里使用CSS