2016-09-29 3 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

Оказывается, «стрелка» на самом деле пустая подсказка. Мой коллега сделал это так, чтобы первая и последняя точка были пустыми надписями, что создавало пустые всплывающие подсказки. Вариант каретки действительно работал, но я думал, что это не так, поскольку пустая всплывающая подсказка все еще была там.

Смежные вопросы