首页 > 解决方案 > 当点击 highcharts 上的一个点时,添加一个带有表单的弹出窗口

问题描述

我正在使用 highcharts 点击一个点,clickevent 打开一个 highslide html。在这个 highslide html 中,我想添加一个表单。问题是表单元素不起作用。

单击highcharts上的点时,如何添加带有表单的弹出窗口?

这是我的代码:

Highcharts.chart('container', {


      chart: {type: 'spline',
      },
      title: {text: ''},
      series: [{
          name: 'mean value',
          showInLegend: false,
          data: {{ water_data_f }},
          color: 'green',
          cursor: 'pointer',

            marker: {
                enabled: true,
                radius: 4
            },


          point: {
                events: {
                    click: function (e) {

                        hs.htmlExpand(null, {
                            pageOrigin: {
                                x: e.pageX || e.clientX,
                                y: e.pageY || e.clientY
                            },

                            maincontentText:
                               'Recommendation for Quality Imporvement:' + '<input type="text" name="FirstName" value="Mickey"> 
                        });
                    }
                }}



      }]

  });

如何将表单域添加到 highslide?单击高图上的点时,是否有更好的方法来添加表单?

标签: highchartshighslide

解决方案


推荐阅读