title: Highcharts - Keep tooltip showing on click
body: <p>I have a highcharts graph, and I allowed the user to dynamically create their own Flags. Now I want to be able to click on the flag itself and be able to keep it's tooltip showing the whole time until I click on the flag again. The reason for this is to allow the user to give special meaning to points, and when they save the graph as an image, I want it to show the tooltip information they left on.</p>
  
  <p>Anyone know how to do this or go about this? I can't figure out how to access the flags tooltip</p>
  
  <pre><code>plotOptions: {
              series: {
                  allowPointSelect: true,
                  animation: false,
                  dataGrouping: {
                      force: true,
                      smoothed: true
                  }
              },
              line: {
                  allowPointSelect: true,
                  animation: false,
                  point: {
                      events: {
                          click: function () {
                              var thePoint = this;
                              var previousFlag = findFlag(thePoint);
                              if (previousFlag != null) {
                                  previousFlag.remove();
                              } else {
                                  createFlagForm(thePoint);
                              }
                          }
                      }
                  }
              },
              flags: {
                  point: {
                      events: {
                          click: function() { 
                              //How to access the tooltip? this means the flag point itself
                          }
                      }
                  },
                  tooltip: {
                      useHTML: true,
                      xDateFormat: "%B-%e-%Y %H:%M"
                  }
              }
          },
  </code></pre>