如果一个点被点击，然后在高图中添加一个标记 [英] If a point is clicked then add a marker in highcharts

问题描述

我想添加一个制造商，当点击点时，就像提醒选定点一样...选择点的代码：

I want to add a maker when a point is clicked same like alerting a selected point...the code for selecting a point :

cursor: 'pointer',
            events: {
                click: function(event) {
                    alert('x: ' + event.xAxis[0].value+' y: '+event.yAxis[0].value);
                }
            }},

现在我应该写什么来代替警报当点击它时标记点？

Now what should I write in place of alert to mark the point when it is clicked?

推荐答案

感谢所有人的帮助......我得到了我想要的东西。

Thanks to all for your help...I got it what I wanted. I created a js fiddle accordingly.

 $(function () {


            $('#container').highcharts({
                chart: {

                    type: 'line',
                    margin: [70, 50, 60, 80],

                    events: {
                        click: function(e) {
                            var ren = this.renderer;

                            // find the clicked values and the series
                            var x1 = e.xAxis[0].value;
                            x1 = this.xAxis[0].toPixels(x1);
                                y1 = e.yAxis[0].value;
                            y1 = this.yAxis[0].toPixels(y1);
                               series = this.series[0];

                    ren.circle(x1, y1, 5).attr({
                    'stroke-width': 2,
                    stroke: 'red',
                    fill: 'yellow',
                    zIndex: 3
                })
                .add();

                            // Add it
                           // series.addPoint([x, y]);

                        }
                    }
                },
                title: {
                    text: 'User supplied data'
                },
                subtitle: {
                    text: 'Click the plot area to add a point. Click a point to remove it.'
                },
                xAxis: {
                    minPadding: 0.2,
                    maxPadding: 0.2,
                    maxZoom: 60
                },
                yAxis: {
                    title: {
                        text: 'Value'
                    },
                    minPadding: 0.2,
                    maxPadding: 0.2,
                    maxZoom: 60,
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                legend: {
                    enabled: false
                },
                exporting: {
                    enabled: false
                },
                plotOptions: {
                    series: {
                        lineWidth: 1,
                        point: {
                            events: {
                                'click': function() {
                                    if (this.series.data.length > 1) this.remove();
                                }
                            }
                        }
                    }
                },
                series: [{
                    data: [[20, 20], [80, 80]]
                }]
            });
        });

http://jsfiddle.net/das_palash89/WN3XC/3/

这篇关于如果一个点被点击，然后在高图中添加一个标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！