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>