Highcharts 有条件地自定义Highstock工具提示

我想让Highstock中的工具提示在悬停于标志系列和线条系列上时具有不同的样式（不仅仅是内容的样式，还有工具提示本身的样式。例如，不同的填充、阴影、边框等）。但是，看起来需要在tooltip配置对象中配置这些属性。不确定是否可以动态更改

就像在这个jsbin中：

---

与其他共享工具提示相比，给“夏季到来”工具提示提供不同风格的更好方法是什么？

您的方法是正确的。在格式化程序回调中，将文本包装在html标记中，并使用css、内联或按类名对其进行样式设置，具体取决于它是标志还是线系列。确保将

useHTML

设置为true

 tooltip: {
        useHTML:true,
        borderWidth: 0,
        headerFormat: '',
        shared: true,
        formatter: function(){
          if (!!this.points) {
            return this.points
           .reduce(
           function(prev, cur) { 
             return prev +
               '<br>' + cur.series.name + ': '+ cur.y;
           }, '');
          } 
          return "<div style='border:5px solid black; padding: 20px'>Summer arrives!</div>"; 
        },
        padding: 0
      }

---

示例：

在这种情况下，mouseOver和mouseOut事件是否有用？请参见此处的示例：@NavjotSingh您的意思是在鼠标悬停回调中动态添加工具提示吗？我想这也需要你得到光标的位置，并把div放到相应的位置？是的。一种方法是找到“Summer”div元素的位置，并在其旁边显示一个自定义div元素。

plotOptions: {
        line: {
        tooltip: {
            pointFormat: 'line',
          borderWidth: 10, // not supported
          padding: 10 // not supported
        }
      },
      flags: {
        tooltip: {
            pointFormat: 'flags',
          borderWidth: 1, //not supported
          padding: 1 // not supported
        }
      }
    }