Highstock：悬停工具提示格式

Question

我正在阅读 highstock 文档并将其悬停在格式上，但它没有达到我想要的悬停工具提示格式。我想要做的是，当用户将鼠标悬停在图表上的一个点上时，它应该显示名称和值，如 jsfiddle http://jsfiddle.net/w5h6rffo/7/

中所示

悬停在一个点上可以看到，格式是日期在行的顶部，下一行是系列 1：当前点。 我想摆脱日期线，我该如何实现？

<HTML>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>

<button type="button" class="btn" onclick="graphX();">Details</button>
<div id="container" style="height: 400px; min-width: 310px"></div>
</HTML>

<CSS>
.btn {
  background: #3498db;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  height: 30px;
  width: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.btn.active, .btn:active {
    background: #000000;
    text-decoration: none;
}
</CSS>

<JavaScript>
$('.btn').click(function() {
    $(this).toggleClass('active');
});

$(function graphX() {
  var data = [];
  for(var i = 0; i < 899; i++) {
    data[i] = {X: i};
  }

  var processedData = [];
  Highcharts.each(data, function (d) {
    processedData.push(Math.sin(d.X));
  });

  // Create the chart
  $('#container').highcharts('StockChart', {
    rangeSelector: {
      selected: 1
    },

    series: [{
      data: processedData,
      pointStart: Date.UTC(2010, 1, 1),
    }],

  });
});
</JavaScript>

我一直在参考以下文档

http://www.highcharts.com/docs/chart-concepts/tooltip

http://api.highcharts.com/highcharts#tooltip

Answer 1

您可以通过粘贴空字符串来重置 headerFormat。

headerFormat:''

http://jsfiddle.net/sccbymha/

Highstock：悬停工具提示格式

Highstock: Hover-over Tooltip format

javascript

highstock