nvd3ツールチップがラベルの代わりにインデックスを表示しています

Question

multichart(multilinechart)に問題のnvd3ツールチップがあります。ここで私のXAxisラベルはJAN,FEB,MAR... DEC.ですが、グラフにマウスを重ねると、0,1,2,3.. 11がツールチップのタイトルとして表示されます。しかし、私はインデックスの代わりにJAN,FEB.. DECを表示する必要があります。ここに私のチャートオプションコードは は（MARを表示する必要があるが、それは2を示している）ここで、画像内の問題（2月を表示する必要があるが、それは1を示している）、 ここでは秒され、

{ 
    "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 
    ] 
    } 
} 

です

してください問題を識別するためのいくつかのいずれかの助け、事前に

感謝。

Answer 1

あなたは次のように、ヘッダーのラベルを編集する方法interactiveLayer.tooltip.headerFormatterを使用しようとすることができます：あなたがテストデータとjsfiddleを作成してくださいすることができ

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