如何解决ChartJS react-chart-js2 选项不起作用
我正在使用“chart.js”:“^3.3.2”和“react-chartjs-2”:“^3.0.3”。我主要尝试修改轴,但它似乎根本不起作用,就像选项组件中没有任何作用一样。我已经看到旧版本有这个问题,但这个已经超过了 V2。要开始使用选项组件,我尝试为轴添加颜色。但是,它不显示颜色。
import React from 'react'
import { Bar } from 'react-chartjs-2';
export const BarChart: React.FC<Props> = (props) => {
return (
<Bar
type='bar'
data={{
labels: xaxis,datasets: generatedataset()
}}
height={400}
width={600}
options={{
maintainAspectRatio: false,scales: {
xAxes: [{
gridLines: {
zeroLineColor: '#ffcc33'
}
}],yAxes: [
{
ticks: {
beginAtZero: false
}
}
]
}
}}
/>)
}`enter code here`
解决方法
Chart.js V3 有一些重大的突破性变化,请阅读迁移指南:https://www.chartjs.org/docs/master/getting-started/v3-migration.html
对于您的问题,您需要删除数组并以 id 为键定义 scales 对象中的每个比例
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。