从数据库添加关于Chart.js工具提示的其他(第三)信息

时间:2019-07-28 15:13:24

标签: javascript layout charts tooltip data-visualization

当前,我在从数据库中拉出的工具提示框中具有标签(名称)和数据(编号)。我想在其中添加从同一数据库提取的另一行信息。

我正在按火车站创建房价中位数图表。工具提示框会正确显示标签(工作站名称)和数据(价格)。 (请参见屏幕截图。)

tooltip showing data and label on chart.js

我还拥有在同一数据库中为每个数据点找到的样本数量。我也想在工具提示中显示此信息。这将为用户提供额外的背景,而不会过度占用主要的可视化效果。 (例如,如果A站只有少量样本,则应将其与少量盐混合。)

这是原始数据库的结构。

    {
   "ID": 14,
   "STATION": "Paddington",
   "Median": "720000",
   "nResults": 52,
   "ZONE": 1
    },

“中位数”是中间价格。 “ nResults”是我为了计算中位数价格而发现的样本数。

下面是我定义和命名每个项目的方法,这些项目以后将传递给图表。

var labels = jsonfile.jsonarray.map(function(e) {
   return e.STATION;
});
var data = jsonfile.jsonarray.map(function(e) {
   return e.Median;
});;
var sampleSize = jsonfile.jsonarray.map(function(e) {
   return e.nResults;
});;

我认为我需要对callback的{​​{1}}部分中的tooltips做些事情。但是我不知道怎么做。 任何指针将不胜感激。

我在这里重新创建了该问题: https://codepen.io/LeoU/pen/gVLybO

0 个答案:

没有答案