nvd3 Tooltip zeigt Index anstelle von Label

Question

Ich habe Problem nvd3 Tooltip in multichart(multilinechart). Hier meine XAxis Beschriftung sind JAN,FEB,MAR... DEC. Aber wenn ich Maus über in der Grafik zeigt es 0,1,2,3.. 11 als Tooltip Titel. Aber ich muss JAN,FEB.. DEC anstelle von Index zeigen. Hier ist mein Diagramm Optionscode,

{ 
    "chart": { 
    "type": "multiChart", 
    "height": 400, 
    "interpolate": "linear", 
    "showLegend": false, 
    "margin": { 
     "top": 50, 
     "right": 100, 
     "bottom": 60, 
     "left": 100 
    }, 
    "reduceXTicks": false, 
    "useVoronoi": false, 
    "useInteractiveGuideline": true, 
    "duration": 500, 
    "xAxis": { 
     "axisLabel": "MONTHLY", 
     "tickPadding": 10, 
     "tickSize": 1, 
     "tickValues": [ 
     0, 
     1, 
     2, 
     3, 
     4, 
     5, 
     6 
     ] 
    }, 
    "yAxis1": { 
     "axisLabel": "Left", 
     "tickPadding": 10 
    }, 
    "yAxis2": { 
     "axisLabel": "Right", 
     "width": 60, 
     "tickPadding": 10 
    }, 
    "yDomain1": [ 
     0, 
     5 
    ], 
    "yDomain2": [ 
     0, 
     100 
    ] 
    } 
} 

Hier ist das Problem in Bild (Need Februar zu zeigen, aber es zeigt 1), hier Sekunde (Need MAR zu zeigen, aber es zeigt 2)

Bitte jemand helfen, das Problem,

Vielen Dank im Voraus zu identifizieren.

Answer 1

Sie können versuchen, eine Methode zu verwenden interactiveLayer.tooltip.headerFormatter Kopfetikett zu bearbeiten, wie:

chart.interactiveLayer.tooltip.headerFormatter(d => { 
     if (typeof d === 'string') return d 
    })