Question

在我的应用程序中，我希望在加载时显示处于可见状态的所有工具提示。我在这里提交我的代码。但默认情况下它只显示在鼠标上..请帮我说明如何操作..

$(function () {
     chart = new Highcharts.Chart({
     chart: {
        renderTo: 'container'
      },
Axis: {
    categories: ['Jan', 'Mar', 'May', 'Jul', 'Sep', 'Nov', 'Dec'],
    lineWidth: 0,
    minorGridLineWidth: 0,
    lineColor: 'transparent',
    labels: { enabled: false },
    minorTickLength: 0,
    tickLength: 0
    },
yAxis: {
    plotLines: [{
    value: 0,
    width: 1,
    color: '#808080'
            }],
    lineWidth: 0,
    minorGridLineWidth: 0,
    lineColor: 'transparent',
    labels: { enabled: false },
    gridLineColor: 'transparent',
    minorTickLength: 0,
    tickLength: 0
    },
tooltip: {
    headerFormat: '<table>',
    pointFormat: '<tr>' +
                '<td style="padding:0;"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
    shared: true,
    useHTML: true
    },
series: [{
     name: 'Tokyo',
     data: [7.0, 14.5, 21.5, 26.5, 18.3, 9.6]
        }],
  }); });

Answer 1

不幸的是，你不能显示所有的工具提示（我的意思是每个点），因为我们使用单个工具提示容器，它在mouseover上填充正确的内容。只有你可以做的是为每个具有定义位置（上/左边距）和绝对位置的点添加div。

如何在页面加载时在高级图表中显示工具提示

1 个答案: