如何自定义Kendo React Chart样式？

Question

我正在尝试将我的Kendo React JQuery wrapper更新为Kendo React component。

每当我为Chart组件初始化样式道具时，都会得到意外的height。

这是我的组件：

import React, { Component } from 'react';
import {
  Chart,
  ChartSeries,
  ChartSeriesItem
} from '@progress/kendo-react-charts';
import 'hammerjs';
const series = [
    { value: 0.42 },
    { value: 0.58 }
];

const ChartContainer = () => (
  <Chart seriesColors={['orange', '#ffe']} style={{ width: '36px', height: '36px' }}>
    <ChartSeries>
      <ChartSeriesItem type="pie" data={series} field="value" categoryField="category" />
    </ChartSeries>
  </Chart>
);

class App extends Component {
  render() {
    return <ChartContainer />;
  }
}

export default App;

我注意到SVG附带154px而不是height的情况是SVG：

元素宽度很好：36px * 154px

有什么办法可以解决此问题？ 我什至开始了一个新的新项目，以确保没有依赖关系会影响饼图的高度。

这是Kendo文档：here 如果我在下面的链接中以Plunker的形式打开示例，然后将36px更改为style={{ width: '36px', height: '36px' }}，我将得到预期的结果！