I am using Kendo scatter chart by default x and y axis data are coming decimal. i want integer only. i don't want to use Majorunit because it has to be calculated based on series.

<kendo-chart-series>
<kendo-chart-series-item type="scatter" [data]="graphData" xField="inc_margin_amt" yField="inc_sales_amt">
</kendo-chart-series-item>
</kendo-chart-series>
<kendo-chart-x-axis>
<kendo-chart-x-axis-item [min]="graph.xModel.min" [max]="graph.xModel.max">
</kendo-chart-x-axis-item>
</kendo-chart-x-axis>
<kendo-chart-y-axis>
<kendo-chart-y-axis-item [min]="graph.yModel.min" [max]="graph.yModel.max">
</kendo-chart-y-axis-item>
</kendo-chart-y-axis>

Attaching the image for your reference .

Hello,

What i see from documentation there is an interface AddEvent with "parent" property, but i don't see it on my local version.

I installed it from npm
"ng add @progress/kendo-angular-treelist"

Plase see attached pictures.

Thanks.

interface Item {
  text: string,
  value: string
}

@Component({
  selector: 'my-app',
  template: `
    <div class="example-config">
        Selected Value: {{selectedValue}}
    </div>
    <kendo-dropdownlist
        [data]="listItems"
        textField="text"
        valueField="value"
        [valuePrimitive]="true"
        [(ngModel)]="selectedValue"
    >
    </kendo-dropdownlist>
  `
})
class AppComponent {
    public listItems: Array<Item> = [
        { text: 'Small', value: 's' },
        { text: 'Medium', value: 'm' },
        { text: 'Large', value: 'l' }
    ];

    public selectedValue: number = 'S';
}

Since this is an uppercase "S" the selected value does not pre-select.

Filtering works - case insensitive?

There must be some way of making this be case-insensitive without manipulating the data? The data comes from a backend db that is case-insensitive (MySql).

Hi,

I have implemented a Multiselect control with Filtering. It contains more then 10k items. My initial load is only 50 items as default items and all others need to be found over the filtering. 

When user filters and select various items and saves them everything works as expected. But when I load my edit page and patch values I see in tags only the values that are in the initial load (50 items). So if I have selected and saved one outside the first 50 it is not visible in edit mode. And this is also ok us I understand it per documentation: 

https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectComponent/#toc-value

All selected values which are not present in the source are ignored.

It works if I load all items in the multiselect but with 10k items its not very good for performance reasons. What would be a better approach.

Thanks

I'm creating an image that has an image that uses a variable to complete the src of the image, as shown below:

When I use this form, the image appears on the page, but in the creation of the PDF it is not shown.
When I switch to a still image, as shown below, it works.

Do you have any configuration, or how to resolve this?

Hi all,

I've tried using kendo-chart, when setting Opacity property for tool-tip, it's not working while the javascript version does.

I've also tried to use inspect element tool in browser to determine what html will be rendered. 

I recognized that the html code rendered by Angular is not the save as the version rendered by Javascript

Please be informed.

Kendo-angular:

<kendo-chart-tooltip [shared]="true" [border]="{color:'red'}" [opacity]="0.8" >

</kendo-chart-tooltip>

kendo-angular-html rendered:

<kendo-popup class="k-animation-container k-chart-tooltip-wrapper k-animation-container-shown" style="left: 650px; top: 414px;">
<div class="k-popup">
<div ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" class="k-chart-shared-tooltip k-chart-tooltip" style="border-color: red; opacity: 0.5; border-width: 1px;">

Kendo-javascript :

<script>
$("#chart").kendoChart({
  series: [{
    data: [1,2,3]
  },{
    data: [1,2,3]
  },{
    data: [1,2,3]
  }],
  tooltip: {
    visible: true,
    shared: true,
    opacity : 0.5
  }
});
</script>

html render

<div class="k-tooltip k-chart-tooltip k-chart-shared-tooltip" style="position: absolute; opacity: 0.5; border-width: 1px; top: 342px; left: 201px; display: flex;">
</div>