2016-09-29 12 views
0

私は以前Chart.jsで作業していませんでしたが、これは同僚のコードなので、休暇中に修正する必要があります。Chart.js - スクロールの矢印を削除

私たちのウェブサイトでは、さまざまなデータを表示するためのチャート(線図)をいくつか描いていますが、取り除く方法がわからないことが1つあります。

下の画像では、Y軸に矢印があることがわかります。これは、グラフの上にカーソルを置いたときにのみ表示されます。私はこれを取り除くにはどうすればよい

enter image description here

? Chart.jsのドキュメントを検索したところ、「tooltipCaretSize」という名前の設定しか見つかりませんでした。私はそれを0に変更し、それを削除しましたが、役に立たなかった。

これらは、私の設定がすべてです:

// easeOutElastic, easeInCubic] 
animationEasing: "easeOutQuart", 

// Boolean - If we should show the scale at all 
showScale: true, 

// Boolean - If we want to override with a hard coded scale 
scaleOverride: true, 

// ** Required if scaleOverride is true ** 
// Number - The number of steps in a hard coded scale 
scaleSteps: 5, 
// Number - The value jump in the hard coded scale 
scaleStepWidth: 10, 
// Number - The scale starting value 
scaleStartValue: 0, 

// String - Colour of the scale line 
scaleLineColor: "rgba(0,0,0,.1)", 

// Number - Pixel width of the scale line 
scaleLineWidth: 1, 

// Boolean - Whether to show labels on the scale 
scaleShowLabels: true, 

// Interpolated JS string - can access value 
scaleLabel: "<%=value%>", 

// Boolean - Whether the scale should stick to integers, not floats even if drawing space is there 
scaleIntegersOnly: true, 

// Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value 
scaleBeginAtZero: false, 

// String - Scale label font declaration for the scale label 
scaleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif", 

// Number - Scale label font size in pixels 
scaleFontSize: 12, 

// String - Scale label font weight style 
scaleFontStyle: "normal", 

// String - Scale label font colour 
scaleFontColor: "#666", 

// Boolean - whether or not the chart should be responsive and resize when the browser does. 
responsive: false, 

// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container 
maintainAspectRatio: true, 

// Boolean - Determines whether to draw tooltips on the canvas or not 
showTooltips: true, 

// Function - Determines whether to execute the customTooltips function instead of drawing the built in tooltips (See [Advanced - External Tooltips](#advanced-usage-custom-tooltips)) 
customTooltips: false, 

// Array - Array of string names to attach tooltip events 
tooltipEvents: ["mousemove", "touchstart", "touchmove"], 

// String - Tooltip background colour 
tooltipFillColor: "rgba(0,0,0,0.8)", 

// String - Tooltip label font declaration for the scale label 
tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif", 

// Number - Tooltip label font size in pixels 
tooltipFontSize: 14, 

// String - Tooltip font weight style 
tooltipFontStyle: "normal", 

// String - Tooltip label font colour 
tooltipFontColor: "#fff", 

// String - Tooltip title font declaration for the scale label 
tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif", 

// Number - Tooltip title font size in pixels 
tooltipTitleFontSize: 14, 

// String - Tooltip title font weight style 
tooltipTitleFontStyle: "bold", 

// String - Tooltip title font colour 
tooltipTitleFontColor: "#fff", 

// Number - pixel width of padding around tooltip text 
tooltipYPadding: 6, 

// Number - pixel width of padding around tooltip text 
tooltipXPadding: 6, 

// Number - Size of the caret on the tooltip 
//tooltipCaretSize: 0, 

// Number - Pixel radius of the tooltip border 
tooltipCornerRadius: 6, 

// Number - Pixel offset from point x to tooltip edge 
tooltipXOffset: 10, 

// String - Template string for single tooltips 
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>", 

// String - Template string for multiple tooltips 
multiTooltipTemplate: "<%= value %>", 

// Function - Will fire on animation progression. 
onAnimationProgress: function() { }, 

// Function - Will fire on animation completion. 
onAnimationComplete: function() { } 

答えて

0

は「矢印」が実際に空のツールチップで判明します。私の同僚は最初の点と最後の点が空のラベルなので、空のツールチップを作成しました。キャレットオプションは機能しましたが、空のツールチップがまだそこに残っていたので、キャレットオプションは機能しませんでした。

関連する問題