Skip to content

Commit aa4c01f

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 4eb310d commit aa4c01f

File tree

11 files changed

+191
-22
lines changed

11 files changed

+191
-22
lines changed

‎docs-aspnet-core/html-helpers/scheduling/scheduler/adaptive-rendering.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,6 @@ The example below demonstrates how to configure the adaptive rendering mode of t
5050

5151
## See Also
5252

53-
* [Overview of the Scheduler HtmlHelper]({% slug overview_schedulerhelper_aspnetmvc %})
54-
* [Adaptive Rendering of the Scheduler (Demo)](https://demos.telerik.com/aspnet-mvc/scheduler/adaptiverendering)
55-
* [Telerik UI for ASP.NET MVC Troubleshooting]({% slug troubleshooting_aspnetmvc %})
53+
* [Overview of the Scheduler HtmlHelper]({% slug htmlhelpers_scheduler_aspnetcore %})
54+
* [Adaptive Rendering of the Scheduler (Demo)](https://demos.telerik.com/aspnet-core/scheduler/adaptiverendering)
55+
* [Telerik UI for ASP.NET MVC Troubleshooting]({% slug knownissues_aspnetmvc6_aspnetmvc %})

‎docs/controls/editors/combobox/virtualization.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,7 @@ On initial load, the widget checks whether the selected value is present in the
213213

214214
**Figure 1: The virtualization process**
215215

216-
![Virtualization process](mapValueTo-index.png)
216+
![Virtualization process](../mapValueTo-index.png)
217217

218218
**Function result**
219219

@@ -267,7 +267,7 @@ On initial load, the widget checks whether the selected value is present in the
267267
7. The `service 2` returns the first data page.
268268
8. The widget list displays the items from the first page no matter if the selected items are part of it or not.
269269

270-
![Virtualization process](mapValueTo-dataItem.png)
270+
![Virtualization process](../mapValueTo-dataItem.png)
271271

272272
**Function result**
273273

‎docs/controls/editors/combobox/mapValueTo-dataItem.png‎ renamed to ‎docs/controls/editors/mapValueTo-dataItem.png‎

File renamed without changes.

‎docs/controls/editors/combobox/mapValueTo-index.png‎ renamed to ‎docs/controls/editors/mapValueTo-index.png‎

File renamed without changes.

‎docs/controls/editors/switch/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ To initialize the Switch, use a jQuery selector.
3636

3737
### Checking and Unchecking
3838

39-
The checked state of the Switch depends on the [`checked` configuration option](/api/switch#checked) or the `checked` attribute of the widget element.
39+
The checked state of the Switch depends on the [`checked` configuration option](/api/javascript/ui/switch#checked) or the `checked` attribute of the widget element.
4040

4141
The following example demonstrates how to initialize the Kendo UI Switch from a checked `input`.
4242

‎docs/controls/layout/window/globalization/rtl-support.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ For more information, refer to:
1616

1717
## See Also
1818

19-
* [RTL Support by the Window (Demo)](https://demos.telerik.com/kendo-ui/Window/right-to-left-support)
19+
* [RTL Support by the Window (Demo)](https://demos.telerik.com/kendo-ui/window/right-to-left-support)
2020
* [Globalization in Kendo UI for jQuery]({% slug overview_kendoui_globalization %})
2121
* [RTL Support in Kendo UI for jQuery]({% slug right_toleft_languages_accessibility_support %})
2222
* [JavaScript API Reference of the Window](/api/javascript/ui/window)

‎docs/controls/scheduling/scheduler/overview.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -445,7 +445,7 @@ For more information on how to create custom views, refer to [this how-to exampl
445445
* [Resources]({% slug resources_kendoui_scheduler_widget %})
446446
* [Timezones]({% slug timezones_kendoui_scheduler_widget %})
447447
* [Adaptive Rendering]({% slug adaptiverendering_kendoui_scheduler_widget %})
448-
* [Overview of the ASP.NET MVC HtmlHelper Extension for the Scheduler Widget](/aspnet-mvc/helpers/scheduler/mvc-scheduler-overview)
448+
* [Overview of the ASP.NET MVC HtmlHelper Extension for the Scheduler Widget](/aspnet-mvc/helpers/scheduler/overview)
449449
* [Overview of the Scheduler JSP Tag]({% slug overview_scheduler_uiforjsp %})
450450
* [Overview of the Scheduler PHP Class](/php/widgets/scheduler/overview)
451451

‎docs/framework/datasource/basic-usage.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,7 @@ The following example features local data but the data returned by the [`transpo
142142

143143
## Accent Folding
144144

145-
Starting from R2 2019 release there is a built-in functionality in the Kendo UI DataSource to handle cases when user needs to filter on diacritic characters for specific language. The [accentFoldingFiltering](/api/javascript/data/datasource/configuration/accentFoldingFiltering) option allows user to define a specific culture to be used when applying the filter. Since these characters are unique for a specific language, setting the appropriate culture has to be set as a value. For example, `tr-TR` for Turkish, `es-ES` for Spanish, or `fr-FR` for French.
145+
Starting from R2 2019 release there is a built-in functionality in the Kendo UI DataSource to handle cases when user needs to filter on diacritic characters for specific language. The [accentFoldingFiltering](/api/javascript/data/datasource/configuration/accentfoldingfiltering) option allows user to define a specific culture to be used when applying the filter. Since these characters are unique for a specific language, setting the appropriate culture has to be set as a value. For example, `tr-TR` for Turkish, `es-ES` for Spanish, or `fr-FR` for French.
146146

147147
> Due to the specifics of the case-insensitive search, only one language can be used to filter your data. For example, if you mix Spanish and Turkish in the data, you may observe unexpected behavior.
148148

‎docs/globalization/intl/overview.md‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ All Kendo UI widgets which support date or number formatting depend also on the
1919
The following Kendo UI widgets depend on the current culture:
2020

2121
- [Calendar](http://demos.telerik.com/kendo-ui/calendar/index)
22-
- [DateInput](https://demos.telerik.com/kendo-ui/dateinput/index})
22+
- [DateInput](https://demos.telerik.com/kendo-ui/dateinput/index)
2323
- [DatePicker](http://demos.telerik.com/kendo-ui/datepicker/index)
2424
- [TimePicker](http://demos.telerik.com/kendo-ui/timepicker/index)
2525
- [DateTimePicker](http://demos.telerik.com/kendo-ui/datetimepicker/index)
@@ -39,21 +39,25 @@ To define the current culture:
3939

4040
1. Add the required culture script to the page, as demonstrated in the example below.
4141

42-
<script src="jquery.js"></script>
43-
<script src="kendo.all.min.js"></script>
44-
<script src="kendo.culture.en-GB.js"></script>
42+
```
43+
<script src="jquery.js"></script>
44+
<script src="kendo.all.min.js"></script>
45+
<script src="kendo.culture.en-GB.js"></script>
4546
46-
<!-- or when using the Kendo UI CDN -->
47-
<script src="http://kendo.cdn.telerik.com/<version>/js/jquery.min.js"></script>
48-
<script src="http://kendo.cdn.telerik.com/<version>/js/kendo.all.min.js"></script>
49-
<script src="http://kendo.cdn.telerik.com/<version>/js/cultures/kendo.culture.en-GB.min.js"></script>
47+
<!-- or when using the Kendo UI CDN -->
48+
<script src="http://kendo.cdn.telerik.com/<version>/js/jquery.min.js"></script>
49+
<script src="http://kendo.cdn.telerik.com/<version>/js/kendo.all.min.js"></script>
50+
<script src="http://kendo.cdn.telerik.com/<version>/js/cultures/kendo.culture.en-GB.min.js"></script>
51+
```
5052
5153
1. Set the culture script that Kendo UI will use.
5254
53-
<script type="text/javascript">
54-
//set current to the "en-GB" culture script
55-
kendo.culture("en-GB");
56-
</script>
55+
```
56+
<script type="text/javascript">
57+
//set current to the "en-GB" culture script
58+
kendo.culture("en-GB");
59+
</script>
60+
```
5761
5862
## Formatting Date and Number Objects
5963

‎docs/knowledge-base/chart-new-point-draw-scatter-line.md‎

Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
---
2+
title: Add New Points to a Scatter Line Chart
3+
description: An example demonstrating how to dynamically draw points onto a Kendo UI Scatter Line Chart
4+
type: how-to
5+
page_title: Inserting Points into Scatter Line Chart | Kendo UI Chart
6+
slug: chart-new-point-draw-scatter-line
7+
tags: chart, new, point, draw, scatter, line
8+
ticketid: 1398949
9+
res_type: kb
10+
---
11+
12+
## Environment
13+
<table>
14+
<tr>
15+
<td>Product</td>
16+
<td>Chart for Progress® Kendo UI®</td>
17+
</tr>
18+
19+
<td>Product Version</td>
20+
<td>2019.1.220</td>
21+
</tr>
22+
</table>
23+
24+
## Description
25+
26+
How can I add points to a new series dynamically into my Kendo UI Scatter Line Chart?
27+
28+
## Solution
29+
30+
An example of adding a point into a Kendo UI Scatter Line Chart would be to enable the user to input information into two Kendo UI NumericTextBoxes(X and Y values). Then, click a button to add the point. Here are the steps:
31+
32+
1. During the [click event](https://docs.telerik.com/kendo-ui/api/javascript/ui/button/events/click), reference the chart, its options, and the two numericTextBoxes.
33+
1. Get the [values of the NumericTextBoxes](https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/value).
34+
1. Create a series if it has not been yet.
35+
1. Push the new values into a global array.
36+
1. Set the new series data to the array.
37+
1. Call the [chart's redraw method](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/methods/redraw).
38+
39+
```javascript
40+
var myarray = [];
41+
42+
function AddPoint(e){
43+
44+
var chart = $("#chart").data("kendoChart"); //1
45+
var chartOptions = chart.options;
46+
var inputXNumBox = $("#inputX").data("kendoNumericTextBox");
47+
var inputYNumBox = $("#inputY").data("kendoNumericTextBox");
48+
49+
var xValue = inputXNumBox.value(); //2
50+
var yValue = inputYNumBox.value();
51+
52+
if (!chartOptions.series[3]){ //3
53+
chartOptions.series.push({"name":"Your Data"});
54+
}
55+
myarray.push([xValue, yValue]); //4
56+
chartOptions.series[3].data = myarray; //5
57+
58+
chart.redraw(); //6
59+
}
60+
```
61+
62+
```dojo
63+
<div id="example">
64+
<div class="demo-section k-content wide">
65+
<div id="chart"></div>
66+
67+
<label for="inputX">X:</label>
68+
<input id="inputX" />
69+
70+
<label for="inputY">Y:</label>
71+
<input id="inputY" />
72+
73+
<button id="btnAddPoint" class="k-primary">Add Point to New Series</button>
74+
</div>
75+
<script>
76+
$( document ).ready(function() {
77+
78+
$("#btnAddPoint").kendoButton({
79+
click: AddPoint
80+
});
81+
82+
$("#chart").kendoChart({
83+
title: {
84+
text: "Draw on this Scatter Line Chart"
85+
},
86+
legend: {
87+
visible: true
88+
},
89+
seriesDefaults: {
90+
type: "scatterLine"
91+
},
92+
series: [{
93+
name: "0.8C",
94+
data: [[10, 10], [15, 20], [20, 25], [32, 40], [43, 50], [55, 60], [60, 70], [70, 80], [90, 100]]
95+
}, {
96+
name: "1.6C",
97+
data: [[10, 40], [17, 50], [18, 70], [35, 90], [47, 95], [60, 100]]
98+
}, {
99+
name: "3.1C",
100+
data: [[10, 70], [13, 90], [25, 100]]
101+
}],
102+
xAxis: {
103+
max: 90,
104+
labels: {
105+
format: "{0}m"
106+
},
107+
title: {
108+
text: "Time"
109+
}
110+
},
111+
yAxis: {
112+
max: 100,
113+
labels: {
114+
format: "{0}%"
115+
},
116+
title: {
117+
text: "Charge"
118+
}
119+
},
120+
tooltip: {
121+
visible: true,
122+
format: "{1}% in {0} minutes"
123+
}
124+
});
125+
126+
$("#inputX").kendoNumericTextBox({
127+
decimals: 0,
128+
format: "n0"
129+
});
130+
131+
$("#inputY").kendoNumericTextBox({
132+
decimals: 0,
133+
format: "n0"
134+
});
135+
var myarray = [];
136+
137+
function AddPoint(e){
138+
139+
var chart = $("#chart").data("kendoChart"); //1
140+
var chartOptions = chart.options;
141+
var inputXNumBox = $("#inputX").data("kendoNumericTextBox");
142+
var inputYNumBox = $("#inputY").data("kendoNumericTextBox");
143+
144+
var xValue = inputXNumBox.value(); //2
145+
var yValue = inputYNumBox.value();
146+
147+
if (!chartOptions.series[3]){ //3
148+
chartOptions.series.push({"name":"Your Data"});
149+
}
150+
myarray.push([xValue, yValue]); //4
151+
chartOptions.series[3].data = myarray; //5
152+
153+
chart.redraw(); //6
154+
}
155+
});
156+
157+
</script>
158+
</div>
159+
```
160+
161+
## See Also
162+
163+
* [click - Documentation and API Reference ](https://docs.telerik.com/kendo-ui/api/javascript/ui/button/events/click)
164+
* [redraw - Documentation and API Reference ](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/methods/redraw)
165+
* [value - Documentation and API Reference](https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/value)

0 commit comments

Comments
 (0)