2012-04-18 48 views
0

私はjqPlotを使って素敵なチャートを表示しています。私はグラフを作成するためにデータ['values']を使用したいと思います。強調表示ツールチップのdata ['pointvalues']とラベルのデータ['labels']。 Data for jqPlotjqPlot - ラベルデータ、ポイント値データ

マイplotcallはかなり基本的なものです:

  var plot1 = $.jqplot ('chart', data['values'],{ 
      cursor:{ 
       show:true, 
       zoom:true, 
       showTooltip:false 
      }, 
      series:{ 

      }, 
      legend: { 
       show: true, 
       placement: 'outsideGrid' 
      }, 
      highlighter: { 
       show: true 
      } 
     }); 

編集 - ソリューション ラベル:折れ線グラフで

legend: { 
       show: true, 
       placement: 'outsideGrid', 
       labels: data['labels'] 
      }, 

ポイント値:今すぐ

$('#chart').bind('jqplotDataMouseOver', 
     function (ev, seriesIndex, pointIndex) { 
      $('.jqplot-highlighter-tooltip').text('Kalenderwoche: '+(pointIndex+1)+' ,'+data['labels'][seriesIndex]+': '+data['pointvalues'][seriesIndex][pointIndex]); 
      $('.jqplot-highlighter-tooltip').css('opacity',1); 

     }); 

答えて

0

あなたはプロットにデータを与えた後、関数自体がハイライターとラベルに値を割り当てた後であることを理解する必要があります。これらのすべての場合、1つのデータセットしか提供できません。 $ signsでラベルの書式を設定する場合は、ティックオプションを使用します。