Highcharts散点图，每点

我试图调整这样一个Highcharts散点图与此枣系列Highcharts散点图，每点

series: [{ 
    data: [[1,2],[2,5]] 
}]

，这样我可以把一个名称上的每个点的名称，我想表明的名字工具提示。命名值的API doc says一个对象可以像这样

series: [{ 
    data: [{ 
     name: 'Point 1', 
     x: 1, 
     y: 2 
    }, { 
     name: 'Point 2', 
     x: 2, 
     y: 5 
    }] 
}]

中定义，但它似乎在x和y值不拾取。看我的jsfiddle的例子。

来源

2011-07-01 emeraldjava

如documentation中所述，名称字段是图例，工具提示，数据标签等中显示的点的名称。 I updated your fiddle以包括highcharts库，并且我看到这种行为（即，如果我将鼠标悬停在某个点上，则会显示其标签）。

如果要正确设置x轴标签，则需要确保图表配置的xAxis部分没有categories密钥。

来源

2011-07-02 12:47:15 NT3RP

您的小提琴不适合我。它只在两点上显示“系列1”。也许Highcharts图书馆的更新打破了理想的行为？ –

更新的小提琴：http://jsfiddle.net/TkMjZ/288/ –

您也可以在图例部分显示名称。更新上述here

series: [{ 
     name: 'Point 1', 
     data: [[3, 3]] 
    }, { 
     name: 'Point 2', 
     data: [[4, 8]] 
    }, { 
     name: 'Point 3', 
     data: [[9, 15]] 
    }]

来源

2013-11-26 01:57:13

这似乎是实际回答原始问题的唯一答案！ – Corone

是这一个是直接点解决方案的问题 – 2016-08-26 20:19:38

所选答案这是HighCharts 3.0的新功能。你必须定义x轴类型“类别”，并给数据点的名称，如果你希望它出现在x轴：

xAxis: { 
    //categories: ['Green', 'Pink'], 
    type: 'category' 
}, 
... 
data: [{ 
     name: 'Green', 
     x: 1, 
     y: 2 
    }, { 
     name: 'Pink', 
     x: 2, 
     y: 5 
    }]

见你的jsfiddle代码更新：here。请注意，我已经添加了工具提示格式化功能，以显示point.x在此上下文中没有更多含义，只有point.name保持相关。
另外，在同一个x位置不能有两个具有不同“名称”的点。

来源

2014-03-17 11:51:38 user3423225

此答案适用于Highcharts 4.1.9。

花了很长时间弄清楚，因此我想通过它，以防有人在寻找这个。

对于其他版本，您的里程可能会有所不同。

 plotOptions: { 
      scatter: { 
       dataLabels: { 
        format: "{point.name}", 
        enabled: true 
       }, 
       enableMouseTracking: false 
      } 
     }, 
     series: [{ 
      name: 'Projects', 
      data: [{"name":"Point 1", "x":1,"y":2}, {"name":"Point 2", "x":4,"y":5}] 
     }]

关键点是什么？

确保scatter.dataLabels被启用，格式为{point.name}
确保数据处于{"name":"Point 1", "x":1,"y":2}

来源

2015-10-09 11:54:34

{point.key}，而不是{point.name}在这里工作：tooltip：{ headerFormat：'{series.name}（{point.key}）
'， pointFormat：'{point.x}，{point.y}' } – bebbo

格式作为this comment提到的，我在Highcharts什么工作5.0.6是：

{ 
    type: 'scatter', 
    tooltip: { headerFormat: '<strong>{point.key}</strong><br>' }, 
    data: [{ x: 0, y: 1, name: 'Whatever' }, ...] 
}

来源

2017-01-04 20:22:45 jonrsharpe

我努力解决这个问题，并找到文档解决方案后我必须说，设计的行为感觉有点意外。

％的文档（这里：https://api.highcharts.com/highcharts/plotOptions.scatter.tooltip），工具提示不显示您可以添加到一个数据点的所有领域，而是

Defaults to x: {point.x} y: {point.y} .

要显示的数据点名称（以及任何其他领域你想），只需更改工具提示呈现的HTML。例如，您可以在工具提示中显示点名称和坐标，同时删除系列名称，如下所示：

chart: { 
    type: "scatter", 
} 
tooltip: { 
    headerFormat: '', 
    pointFormat: 'Name: <b>{point.name}</b><br/>Load time: <b>{point.y}</b><br/>Requests: <b>{point.x}</b>', 
},

来源

2018-01-01 02:43:27 the911s

Highcharts散点图，每点

回答

相关问题