차트 형식으로 데이터를 표시하는 데 canvasjs
을 사용하고 있습니다. 모든 데이터가 덜있을 때 날짜가 옆에 잘 작동하는 것은캔버스 js 날짜가 x 축에서 반복됩니다.
입니다.
여기에 내 JS
var chartResponses = new CanvasJS.Chart("chartResponses", {
animationEnabled: true,
toolTip: {
enabled: true,
animationEnabled: true,
fontColor: "#F9BF97",
},
axisX: {
titleFontFamily: "verdana",
valueFormatString: "D/M/YYYY",
tickThickness: 0,
lineThickness: 1,
gridThickness: 0,
gridColor: "#f2f6f7",
lineColor: "#f2f6f7",
labelFontColor: "#8fa2aa",
labelFontSize: 12,
intervalType: "day",
},
axisY: {
titleFontFamily: "verdana",
valueFormatString: "0",
tickThickness: 0,
lineThickness: 0,
gridThickness: 1,
gridColor: "#f2f6f7",
lineColor: "#f2f6f7",
labelFontColor: "#8fa2aa",
labelFontSize: 12
},
data: [{
type: "splineArea",
showInLegend: true,
markerSize: 0,
name: "",
color: "#F9BF97",
dataPoints: allResponses
}],
});
chartResponses.render();
이고 내가 interval: 1
에 간격을 설정하여 시도 두 날짜
이 때 차트를 표시하는 방법이. 이 경우 데이터 차트가 적게 작동하지만 더 많은 데이터 날짜가있을 때 아래 이미지와 같이 겹쳐서 시작됩니다.
하지만 interval: 1
을 제거 할 때 다음 그래서이 문제를 해결하기 위해 어떤 방법
잘가 표시됩니다.
바이올린을 추가 할 수 있습니까? 하드 코드 된 데이터 포인트 –
'jsfiddle'은 http://canvasjs.com/assets/script/canvasjs.min.js를 차단합니다. 그래서 만들 수 없습니다. http://jsfiddle.net/hb5KU/11/을 시도하고'type : "splineArea",'를 변경하고 더 많은 날짜 기록을 만들고 – urfusion