是否可以使用图表的图例切换显示/隐藏系列?
我的系列
的大多数名称都很长,如果它们被写了两次,看起来很奇怪,一次是在图例中,这样您就可以知道哪个颜色属于哪个系列
,第二次是在复选框
之外切换它们。
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
,但您可能可以将其调整到任何其他图表中)。我找到图例
子项,然后遍历它的所有项。我根据名称将图例项匹配到正确的系列--根据我的经验,它们总是匹配的,我找不到更好的方法来匹配它们。然后就只需要向那个特定的图例项添加正确的事件处理程序了。
问题内容: 是否可以使用图表的图例来切换显示/隐藏序列? 我有一个传说,而且传说太多了,所以您无法很好地读出信息。我想知道是否有可能使用图例来切换显示/隐藏的系列? 我的大多数名字都很长,如果在图例中写两次,这看起来很怪异,因此您知道夹心颜色属于夹心,而第二个颜色除之外还用于切换它们。 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函数调用,这
本文向大家介绍vue实现密码显示隐藏切换功能,包括了vue实现密码显示隐藏切换功能的使用技巧和注意事项,需要的朋友参考一下 先给大家分享效果图: 具体实现代码如下所示: html: script: 注:带小眼睛的睁开闭合。 总结 以上所述是小编给大家介绍的vue实现密码显示隐藏切换功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!