2017-04-03 5 views
0

CanvasJSグラフのツールチップの内容を変更します。それはドキュメントのように行われ、それは働いた。しかし、最近(私が正確にはわからない)グラフのオプションでToolTip.contentに何を書き込んでも、初めてグラフ上にマウスを移動したときに、次にツールチップがデフォルトのものに完全に置き換えられたことがわかりました。前に働いていた私はなぜCanvasjsコンテンツセットを含むツールチップが表示されますが、最初のマウスの移動後に置換されます

 toolTip: { 
      shared: true, 
      contentFormatter: function (e) ... 

ないアイデアに

 toolTip: { 
      shared: true, 
      content: function (e) ... 

を交換したときに動作するように

var options_seg = { 
      title: { 
       text: "" 
      }, 
      culture: "en", 
      zoomEnabled: true, 
      exportEnabled: true, 
      animationEnabled: false, 
      axisX: { 
       labelFontSize: 11, 
       gridColor: "Silver", 
       tickColor: "silver" 
      }, 
      axisY: { 
       title: "Formula values", 
       titleFontSize: 14, 
       labelFontSize: 11, 
       gridColor: "Silver", 
       tickColor: "silver", 
       lineColor: "#C24642" 
      }, 
      toolTip: { 
       shared: true, 
       content: function (e) 
       { 
        var ret = ""; 
        if (e.entries[ 0 ].dataPoint.label) 
         ret = "<b>" + e.entries[ 0 ].dataPoint.label + "</b><br>"; 
        else 
        { 
         if (e.entries[ 0 ].dataPoint.x) 
         { 
          if (e.entries[ 0 ].dataSeries.xValueType == "dateTime") 
           ret = "<b>" + $.format.date(e.entries[ 0 ].dataPoint.x, "yyyy-MM-dd HH:mm") + "</b><br>"; 
          else 
           ret = "<b>" + e.entries[ 0 ].dataPoint.x + "</b><br>"; 
         } 
        } 

        var show_vals = []; 
        for (var t = 0; t < e.entries.length; t++) 
         if (e.entries[ t ].dataSeries.visible) 
          show_vals[ show_vals.length ] = {col: e.entries[ t ].dataSeries.color, key: e.entries[ t ].dataSeries.name, v: e.entries[ t ].dataPoint.y}; 

        customSortObjByIntParameter(show_vals, "v", false); 

        var max = Math.min(50, show_vals.length); 
        for (t = 0; t < max; t++) 
         ret += "<div style='white-space:nowrap; font-size:11px; line-height:13px;'><span style='color:" + show_vals[ t ].col + "'>" + 
          show_vals[ t ].key + "</span> : <b>" + show_vals[ t ].v + "</b></div>"; 

        return ret; 
       } 
      }, 
      data: graphs_seg, 
      legend: { 
       fontSize: 11, 
       verticalAlign: "center", 
       horizontalAlign: "right", 
       cursor: "pointer", 
       itemclick: function (e) 
       { 
        if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) 
        { 
         e.dataSeries.visible = false; 
        } 
        else 
        { 
         e.dataSeries.visible = true; 
        } 
        e.chart.render(); 
       } 
      } 
     }; 

$chart_holder_seg.CanvasJSChart(options_seg); 
$chart_holder_seg.CanvasJSChart().render(); 

答えて

0

開始しました:ここに私のグラフのコードです。

関連する問題