0

jquery フロート チャートを使用しています。ツールチップに実際のデータを表示したい。Y 軸のデータのみを表示します。垂直線では、2 種類のデータがある場合、それぞれ 50 (合計 = 100) です。

最初の部分は 50 を示していますが、上の部分は 100 を示しています。100-50 としても 50 を表示する必要があります。

これがこのロジックの私のコードです。

var options1 = {
series: {stack: stack,
         lines: { show: lines, fill: false, steps: steps },
         bars: { show: bars, barWidth: 0.4 },
         points: { show: true}
         },
         grid: {
  hoverable: true //IMPORTANT! this is needed for tooltip to work
    },
 tooltip: true,
 tooltipOpts: {
 content: "%s : %y", 
 shifts: {
   x: -60,
   y: 25
    }
 },
    legend:{'position':'ne','show':true,'margin':[-3, -20],'backgroundOpacity':0.1, 'noColumns': 4, 'container': null},
        xaxis: {ticks: dest4 ,},

};

この行で何ができますか 

content: "%s : %y",

http://jsfiddle.net/qbXDw/16/

4

1 に答える 1

0

編集：あなたの質問を誤解したと思いますか？これがあなたが望んでいたものでない場合は、無視してください (またはコメントしてください。削除します)。ツールチップにカテゴリの名前が必要だと思いました。

配列contentから正しいカテゴリ名を取得する関数をプロパティに与えることができます。dest3

content: function(label, xval, yval, flotItem) {
    var category = dest3.filter(function (item) { return item[0] == xval })[0][1];
    return label + ' : ' + category + ' : ' + yval;
},

更新されたfiddleを参照してください。

于 2013-10-20T11:46:03.300 に答える