如何更改Britecharts中的图表字体大小反应？

Question

我无法使用Britecharts更改X和Y轴的字体大小。 （请参阅 https：//britecharts.githarts.githarb.io/britecharts-ritecharts-reacts-react/ >）。从文档看来，该方法是“标签尺寸”，但这目前尚不正常。一个分叉的Codepen显示问题： https://codepen.io of a>。谢谢。

const {Bar} = window['britecharts-react'];
const barData = [
  {
      name: 'Radiating',
      value: 2,
  },
  {
      name: 'Opalescent',
      value: 4,
  },
  {
      name: 'Shining',
      value: 3,
  },
  {
      name: 'Vibrant',
      value: 6,
  },
  {
      name: 'Vivid',
      value: 6,
  },
  {
      name: 'Brilliant',
      value: 1,
  },
];
const marginObject = {
  left: 100,
  right: 40,
  top: 40,
  bottom: 40,
};

ReactDOM.render(
<Bar
  data={barData}
  width={400}
  isHorizontal={true}
  margin={marginObject}
  labelsSize={50}
/>, 
document.getElementById('app')
);

Answer 1

在Brightcharts-Reacter GitHub页面中发现了这一点。基本上，您需要通过CSS来定位图表的元素。请参阅更改字体大小的示例：

.tick text {
  font-size: 16px !important;
}

类似地，

.vertical-grid-line {
display: none !important;
}