Tooltip - access to data

[jufemaiz]

Awesome work guys btw. Looking to change our tooltips to make use of additional data in the dataset that we are graphing (the bits that aren't being graphed that is).

chart.interactiveLayer.tooltip.contentGenerator(function(data){
  return 'this is my custom content';
})

The "data" item here isn't referencing back to the originating data "row" from the dataset being used. This means that any additional metadata isn't available. Any thoughts on why it shouldn't be? (We would dearly love it to be, for in our case it provides information to our users on data quality).

[RenatoUtsch]

If you're talking about the other members your "row" may have for extra info on the tooltip, this "metadata" is in data.point.

[liquidpele]

I tried to include the original data for each new tooltip in the development branch... which specific chart isn't doing that? Did you do a console.log() of data inside the contentGenerator to verify that the data wasn't within the object anywhere?

[jufemaiz]

Hi @liquidpele, thanks for all the hard work!

Using the stackedAreaChart.

Data I get:

{
  value: "19:15",
  series: [
    {
      color: "#2ca02c",
      key: "001BC502B010045E - Power (kW)",
      stackedValue: {
        y: 0.387,
        y0: 0.398
      },
      value: 0.387
    },{
      color: "#ff7f0e",
      key: "001BC502B010041E - Power (kW)",
      stackedValue: {
        y: 0.333,
        y0: 0.065
      },
      value: 0.333
    }, {
      color: "#1f77b4",
      key: "001BC502B01003EE - Power (kW)",
      stackedValue: {
        y: 0.065,
        y0: 0
      },
      value: 0.065
    }
  ],
  value: "19:15"
}

A dataset's value object looks more like this (for the last of the three above):

{
  display: {
    y: 0.065,
    y0: 0
  },
  flags: null,
  recorded_at: "2015-05-06T19:15:00",
  value: 0.065
  index: 15,  // added by nv.d3/d3?
  series: 0,  // added by nv.d3/d3?
  seriesIndex: 0,  // added by nv.d3/d3?
}

This is in nv.version = "1.7.1" (although through Bower/RailsAssets it's 1.8.0.alpha).

[jufemaiz]

Bump

[bwarren2]

Can you post your best attempt at chart code and a mockup of what you want?

[williamzhao87]

Hi,

I am seeing the same issue here in v1.8.1 for the MultiBarHorizontalChart:

Here is an example of the data row being passed into the chart:

                    {
                        "title": "Sales",
                        "key": "itemSales",
                        "color": "#323232",
                        "metricType": "numeric",
                        "numberFormat": ".,",
                        "values": [
                          {
                            "label" : "6%" ,
                            "value" : 140500
                          },
                          {
                            "label" : "4%" ,
                            "value" : 28500
                          },
                          {
                            "label" : "5%" ,
                            "value" : 112000
                          }
                        ]
                      }

But when we use the contentGenerator function:

chart.tooltip.contentGenerator(function (obj) {

the obj parameters look like this:

{  
   "data":{  
      "label":"6%",
      "value":140500,
      "series":0,
      "key":"itemSales"
   },
   "index":0,
   "color":""rgb(186, 161, 204)"",
   "value":"6%",
   "series":[  
      {  
         "key":"itemSales",
         "value":140500,
         "color":""rgb(186, 161, 204)""
      }
   ]
}

It's missing a couple of the parameters for metadata (metricType and numberFormat) that we use to format the tooltip number value. These used to be available in v1.7.1 in the chart.tooltipContentGenerator function:

.tooltipContent(function (key, x, y, e, graph) {

in the e parameter, it would contain all the extra metadata.

Anyone have any other ideas about how to pass in some data to the tooltip formatter?

[jorgeramirezamora]

+1

[EduardChernyak]

+1

[csliangy]

I just came across the same requirement, unfortunately there is still no clear solution yet.