【问题标题】:Highcharts, display marker on selected point onlyHighcharts,仅在选定点上显示标记
【发布时间】:2013-01-18 21:21:16
【问题描述】:

我想在线显示没有标记的样条图。这个完成了。 But now, When a point is selected, the marker doesn't appear.

我发现了一个小技巧来做我想做的事。在 plotOptions 中,radius 设置为 0.1 被线宽隐藏。

plotOptions: {
    series: {
        allowPointSelect: true,
            marker: {
                radius: 0.1, // hack to show selected point
                states: {
                    hover: {
                        radius: 5
                    },
                    select: {
                        radius: 5
                    }
                }
            }
        }
    }
}

完整代码在这里:http://jsfiddle.net/ManUtopiK/7GXeT/

这是一个 HighCharts 错误还是我在图表选项中犯了一个错误?

【问题讨论】:

  • 这很可能是 Highchart 问题,可能是设计使然。如果您有markers.enabled=falsemarkers.states.hover.enabled=truemarkers.states.select.enabled=true,则选择行为不会按预期工作,但如果您只是更改为markers.states.hover.enabled=false 并保留其他两个,则选择行为现在按预期工作。试试@jsfiddle.net/7GXeT/3
  • @jugalthakkar no,当悬停选定点时,标记消失了。
  • @ManUtopiK 是的,没错,就像我说的,看起来像是 highchart 端的一个错误
  • 我也遇到了这个问题,这似乎是一个 Highcharts 错误。感谢半径破解!

标签: javascript charts highcharts


【解决方案1】:

如果您将标记设置为已启用:false,如果您将鼠标悬停在标记点上(当工具提示弹出窗口出现时),您仍会显示标记点。 查看更新的小提琴here

plotOptions: {
    series: {
        allowPointSelect: true,
        marker: {
            enabled: false,
            //radius: 0.1, // hack to show selected point
            states: {
                hover: {
                    radius: 5
                },
                select: {
                    radius: 5
                }
            }
        }
    }
}

【讨论】:

  • 不,我试过了,它不起作用。显示悬停标记,但不显示选定点的标记。当我点击线上的一个点时,我想要一个标记!
  • 尝试在小提琴中选择图表上的一个点会使该点不可见。我已将此情况报告给 Highcharts 创建者,并已确认这确实是标记的当前行为,但不正确。请参阅this GitHub issue 了解他们的回复。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-10-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-01-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多