如何在 Britecharts React 中更改圖表字體大小？

Question

我無法使用 Britecharts - React 更改 x 軸和 y 軸的字體大小。 （參見https://britecharts.github.io/britecharts-react/#bar ）。 從文檔看來，該方法似乎是“labelsSize”，但這目前不起作用。 顯示該問題的分叉代碼筆位於： https://codepen.io/mvolny/pen/XWZrmXR 。 謝謝。

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-React github 頁面中四處詢問發現了這一點。 基本上，您需要通過 css 定位圖表的元素。請參閱更改字體大小的示例：

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

相似地，

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