0
검도 UI 그래프 구성을 변경하여 누락 값을 "보간"하는 것을 고려하여 각 정수에 대한 선을 그릴 수 있습니다. 이 예제에서는 데이터 소스에서 필요한 데이터를 사용할 수없는 경우에도 1에서 12까지의 모든 정수에 대한 선형 차트를 원했습니다.누락 된 값이있는 검도 UI 꺾은 선형 그래프
내 데이터 소스는 동적이며 약 1000 개의 레코드가있을 수 있습니다.
\t dataSource = [{"measurementPoint":1,"data_1":10},{"measurementPoint":2,"data_1":22},{"measurementPoint":5.5,"data_1":5},
\t \t {"measurementPoint":7,"data_1":10},{"measurementPoint":10.06,"data_1":22},{"measurementPoint":12.2,"data_1":5}];
\t
\t $("#chart").kendoChart({
\t dataSource: { data: dataSource },
\t seriesDefaults: {
\t \t type: "line",
markers: { visible: false }},
\t categoryAxis: [{ \t \t \t
\t \t justified: true,
\t \t field: "measurementPoint",
\t \t labels: {
\t \t \t step:2,
\t \t \t format: "###",
\t \t \t visible:true },
\t \t majorGridLines: { visible: false },
majorTicks: { visible: false },
crosshair: { visible: false }
\t }],
\t series: [
\t \t { field: "data_1", name: "Pressure" }
\t ],
\t tooltip: {
\t visible: true,
\t \t shared: true
\t }
\t });<html>
<head>
<title>Kendo Chart</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.mobile.all.min.css">
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
</head>
<body>
<div id="chart"> </div>
</body>
</html>