Hello,

I'm trying to create a custom component, say <my-chart>,  containing a <kendo-chart>.

I'd like to be able to pass the configuration by components to my-chart and forward them to the <kendo-chart> inside my component.

In the template of my-chart I've put 

<kendo-chart><ng-content></ng-content></kendo-chart>

Then, in my app, if I do:

<my-chart>
  <kendo-chart-series>
    <kendo-chart-series-item [data]="[1, 4, 5, 2, 1, 8]"> </kendo-chart-series-item>
  </kendo-chart-series>
</my-chart>

I get the following error in the console when the page loads:

Error: R3InjectorError(AppModule)[ConfigurationService -> ConfigurationService -> ConfigurationService]:
NullInjectorError: No provider for ConfigurationService!

Here is a StackBlitz to replicate the error: https://angular-mmhsaz.stackblitz.io

Thank you.

Regards

My UI designer said he could not find the "eye" icon for show/hide of passwords.  Yet when I was entering my password when signing up, there was one.  Can you please point me to this icon in your library?  Thank you

JD Krise

Hello,

is it possible to have all the chart configuration in a object that implements ChartOptions and then pass it to the chart component in the template?

Something like this:

const myConfig: ChartOptions = {
  series: mySeries,
  title: myTitle,
  ...
}

and then in the template:

<kendo-chart [chartOptions]="myConfig"></kendo-chart>

Thank you.

Kind regards.

Hi Experts,

I want display ToolTips on Dropdown list options. I tried to use  use kendoPopoverContainer, but the filter can't work. Can someone share me some idea for this? Thanks.

 <div kendoPopoverContainer filter=".hasHint" [popover]="myPopover" showOn="hover">
    <kendo-label [for]="lookupTypesList" text="Lookup Type:"></kendo-label>
    <kendo-dropdownlist displayTextField="Text"
                        textField="Text"
                        valueField="Text"
                        [data]="lookupFields"
                        (valueChange)="setLookupField($event)"
                        #lookupTypesList>
      <ng-template kendoDropDownListItemTemplate let-dataItem>
        <span class="hasHint" *ngIf="(dataItem.Note != '')">{{ dataItem.Text }}</span>
        <span *ngIf="(dataItem.Note =='')">{{ dataItem.Text }}</span>
      </ng-template>
    </kendo-dropdownlist>
</div>

<kendo-popover #myPopover body="Has Hint">
</kendo-popover>

Hi ,

I want to design a grid interface which can be used to create a simple grid or complex grid.

Requirements;-

1) Simple grid columns or grid with multiple span columns.

2) Filter, Custom Filter & Multi Select dropdown Filters

3) Columns with editable controls features like fields having text fields, dropdown fields and radio buttons.

What I have done:-

To achieve above requirements I have created below things

1) Created a grid interface.

2) Create a grid config file having different properties for different functionality. This will be loaded while creating the grid.

Issues:-

But my template file becomes too big to meet all my custom and complex requirements. It is now very difficult to maintain.

How could I design the grid interface so that all the functionality will be properly distributed and connected?

Hello,

I would like to try Kendo line chart.

The feature I'm looking for:

On the line chart I want to mark a rectangle (x0<x<x1, y0<y<y1)

Only this rectangle will be zoom in.

Also: I'm working with cli 8.3.8 

Is it possible to use Kendo with this version ?

Thank you,

Zvika