javascript - 单击绘图显示时使标志可见

标签 javascript jquery highcharts

好吧,让我解释一下:)

我现在有一张包含 4 条线的图表,当我打开图表时,默认情况下只有其中一条线可见。

每条线都附有一个标志,问题是:当线不可见时,标志出现在图表底部。

my chart

我找到了使标志可见或不可见的命令,但问题是,与我单击要显示的行时的行不同,标志不会随之出现。

有什么办法可以让他们同时出现吗?就像然后我单击以显示“Camara 4”行,标志一起出现。当我单击使线条不可见时,标志也会变得不可见。

有相关的函数/命令吗?

谢谢:)

最佳答案

看到这个 fiddle :http://jsfiddle.net/bBQKv/

利用 show 和 hide 事件来触发标志系列的 show 和 hide 方法。

plotOptions: {
    series: {
        events: {
            show: function(event) {
                if (this.options.type != 'flags') {
                    series = this.chart.get(this.options.id + 'Flags');
                    series.show();
                }
            },
            hide: function(event) {
                if (this.options.type != 'flags') {
                    series = this.chart.get(this.options.id + 'Flags');
                    series.hide();
                }
            }
        }
    }
},

关于javascript - 单击绘图显示时使标志可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18894329/

相关文章:

java - selenium webdriver 不从 java 中的 css 选择器返回值

javascript - 如何将 Affix 添加到 Bootstrap 固定底部导航栏

r - 如何让 highcharter 代表预测对象?

Highcharts:条形图的自定义数据标签。 PlotOptions 中的格式不起作用

javascript - 模态回调中的异步操作

javascript - 通过ajax发送后如何访问另一个页面中的数组

javascript - 在 SelectOneMenu 的更改事件上调用 ajax 请求之前的确认对话框

javascript - 在 react 循环中附加事件监听器

当需要值时 JavaScript 函数返回空字符串

javascript - Highcharts 覆盖默认 DataLabel