2016-09-29 135 views
0

我以前沒有和Chart.js一起工作過,但是這是一些同事的代碼,我必須在假期後才能修復它。Chart.js - 刪除滾動箭頭

對於我們的網站,我們繪製了幾個圖表(線條圖)來顯示不同的數據(顯然),但有一件事我不知道如何擺脫它。

在下圖中,您可以看到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

原來的「箭頭」,實際上是一個空的提示。我的同事這樣做是爲了使第一個和最後一個點是空標籤,從而創建空的工具提示。脫字符選項確實有效,但我認爲它沒有,因爲空的提示仍然存在。