I've implemented a basic line chart with nothing out of the ordinary but on the first initial load of the chart I get this warning.

Warning: Failed prop type: ChartSeries children should be Array of type ChartSeriesItem.
    in ChartSeries (created by LineChart)

import React from 'react';
import {
  Chart, ChartTitle, ChartSeries, ChartSeriesItem, ChartCategoryAxis, ChartCategoryAxisItem, ChartLegend,
} from '@progress/kendo-react-charts';
const LineChart = (props) => {
  const { allocations, mandates } = props;
  const categories = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.mandate);
    });
    return array;
  };
  const asdc = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.asdc);
    });
    return array;
  };
  return (
    <div className="line-chart">
      <Chart>
        <ChartTitle
          text="Active Spread Duration Contribution"
        />
        <ChartLegend
          position="bottom"
          orientation="horizontal"
        />
        <ChartSeries>
          <ChartSeriesItem
            type="line"
            name="New ASDC"
            data={asdc(allocations)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
          <ChartSeriesItem
            type="line"
            name="Old ASDC"
            data={asdc(mandates)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
        </ChartSeries>
        <ChartCategoryAxis>
          <ChartCategoryAxisItem categories={categories(allocations)} />
        </ChartCategoryAxis>
      </Chart>
    </div>
  );
};

asdc is just to create the array of data that I want. The whole chart shows up fine and works but I would like to fix this error if possible.

Thanks

Hi All:

When I use React Data Grid Component & Column Menu - KendoReact Docs & Demos (telerik.com), I set some columns, 

Step1: uncheck select all

2. input st at search box, only check test1, but test and test1 both changes to checked

3. clear search box, the two columns in the image below are checked.

you can test on below link, this is a very important function of our project, looking forward to your early reply. thank you

Eswnzm (forked) - StackBlitz

“We are planning to develop a web application using React for the frontend and Go for the backend, following an MVC structure. Is it possible to connect Telerik React libraries with Go for this purpose? Thank you very much for your response. Best regards.”

I am trying to use the GridPDFExport component to save a grid that contains a custom cell. The custom cell uses a redux selector and needs to access the global state. When i try to save the grid I get the following errors logged. If I remove the cell in question it works normally. How do I approach this issue?

I am trying to save a grid with GridPDFExport. I am getting a lot of errors because a custom cell contains a redux selector and needs to access global state. If I remove the cell I can download the file. How can I fix this?  

Hi All,

I used a Numeric filter and found that I can only input up to three decimal places. If I want to enter four decimal places, need to use Custom Filter Cells.

However, I found that when using it, if the user is allowed to input to four decimal places, format="n4" must be set.
After setting, the input integer digits will be automatically filled with 0, and even if I clear the NumericTextBox, 0.0000 will still be displayed.

There is no good implementation of data filtering, do you have any suggestions?

Nkpwnb (forked) - StackBlitz

Regards,
Sunny

Hi All

I use Master-Detail Grids, and details grid have columns filter, when I scroll master grid, the filterOperators of detail will exceed components.

Any suggestions on how to fix this issue?

P4acyg (forked) - StackBlitz

Hi,

First of all, I was able to do 'yarn start' to run the app locally, but when it produced error below when performing 'yarn build'

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100%/var(--kendo-scrollview-views, 1);
^.......................................^
2: }
3:
CompileError: Begins at CSS selector undefined


error Command failed with exit code 1.

I have tried:

1/ Deleted node_modules folder and performed a 'yarn install'

2/ 'yarn upgrade' specific package @progress/kendo-theme-default

I did not have the issue before, however, I believe it started to occur after I performed a 'yarn install' (before/without deleting node_modules folder in the first place)

I'm using the Kendo React Grid (v 1.0.1). I wanted to show a load indicator manually on certain occasions, but couldn't find out how to do this.

Is there a way to programmatically turn it on/off?

CU, Joe

Hi, I was just wondering if there is some type check in KendoUI that I could use to check translation files so that nothing is missed in translations?

I've tried to search forums and documentation site and I did not found any examples of that. If there is no support for this at the moment, maybe it should be added, since I am sure that many dev teams struggle with keeping the huge number of translations up to date.