绘制图形后的高位图标记点

时间:2012-12-11 00:33:15

标签: image highcharts html

我正在使用highcharts来绘制多个系列图(多个线在一个图表上各有多个点)。用户在多行上选择一个或多个点。有关所选点的数据显示在我的asp页面的gridview中。在一些服务器端逻辑之后,我想重新绘制页面并放置一个图像,标记,标记或其他一些向用户显示重绘图形的方法,并将这些点“标记”。

我一直在玩jquery将图像(小圆圈)添加到渲染图表的div中,但是在div中图像的X / Y位置没有太多运气。

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

1 个答案:

答案 0 :(得分:0)

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

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

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

这是我的图表的狙击手。它在plotOptions中我称之为click事件

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

                            ChartClicked(this);
                        }
                    }
                }
            }
        },

希望这有助于其他人。