Highmaps工具提示入门

时间:2019-03-09 10:55:37

标签: highcharts

我创建了一个基本的小提琴here:-地图JS是:

$(function () {
     // Initiate the chart
     $('#container').highcharts('Map', {
        title: {
           "text": "Simple Map"
        },
        series: [
            {
                "name": "07 March 2019",
                "type": "map",
                "data": [
                    {
                        "value": 23,
                        "name": "Blue",
                        "path": "M0,-994L204,-994L203,-480,0,-477z"
                    },
                    {
                        "name": "Yellow<br>is the colour of...",
                        "path": "M204,-994L455,-994L457,-477,203,-480z"
                    },
                    {
                        "name": "Red",
                        "path": "M455,-994,697,-991,700,-481,457,-477z"
                    },
                    {
                        "name": "Green",
                        "path": "M697,-991,998,-992,1000,-480,700,-481z"
                    }
                ]   
            }
        ]
     });
  });

因此,有两个问题:

  1. 如果未设置“值”,则默认为0。我怎么能不显示任何内容?

  2. 系列名称(我将其设置为日期)显示在每个标签上。如果我将其保留为空白,则只需将蓝色圆点留在其左侧-再次:我怎么什么也没有显示? (即没有蓝点)

1 个答案:

答案 0 :(得分:1)

您可以配置plotOptions.series.tooltip对象。

想要这些设置(系列对象内部)的声音:

tooltip: {
    headerFormat: "",
    pointFormat: "{point.name}"
},

Forked fiddle here,并查看上面链接的文档以了解更多选项。