image - 绘制图表后的highcharts标记点

Question

我正在使用 highcharts 来绘制多个系列（在一个图表上的多个点的几条线）。用户在多条线上选择一个或多个点。有关所选点的数据显示在我的 asp 页面上的网格视图中。在一些服务器端逻辑之后，我想重绘页面并放置图像、标记、标志或其他方式向用户显示带有“标记”这些点的重绘图形。

我一直在使用 jquery 将图像（小圆圈）添加到呈现图表的 div 中，但对 div 中图像的 X/Y 位置不太幸运。

关于我如何做到这一点的任何建议或示例？未与 DIV 中的图像结婚，其他建议表示赞赏。

Answer 1

我想到了。我创建了一个函数，当单击该点传递整个点对象时调用该函数。if 语句切换 ponit 的标记并使用 acumulate = true 它显示我的曲线上已选择的所有点。同样，如果它已经被选中，它会关闭标记。比我尝试的要容易得多。

这是我切换点并使它们全部选中的功能

        function ChartClicked(oPointObject) {            
            if (oPointObject.selected) {
                oPointObject.select(false, true);                
            }
            else {
                oPointObject.select(true, true);                
            }            
         }

这是我的图表的片段。它在 plotOptions 我称之为点击事件

plotOptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function () {

                            ChartClicked(this);
                        }
                    }
                }
            }
        },

希望这对其他人有帮助。