javascript - Highcharts,仅在选定点上显示标记

标签 javascript charts highcharts

我想显示线上没有标记的样条图。这个做完了。 但现在,当一个点被选中时,标记不会出现。

我找到了一个小技巧来做我想做的事。在 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 错误还是我在图形选项中犯了错误?

最佳答案

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

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

关于javascript - Highcharts,仅在选定点上显示标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14407838/

相关文章:

javascript - angularjs 服务在我的情况下不起作用

r - Quantmod 振荡器

java - 如何创建 java poi 条形图,结合给定图像中的两个条形值?

javascript - ChartJS 条形图,带有对应于每个条的图例

javascript - 如何更改箱线图中每个组的颜色( Highcharts )

javascript - 如何选择 kendoDropDownList 的长度

javascript - 在事件监听器中使用 eval(myFunctionName) 作为回调的替代方法是什么?

javascript - Highcharts:堆叠条形图内部的条形图

javascript - Highcharter - 将数据标签移动到列顶部

javascript - 如何在 Three.js 中配置点光源