我正在使用redux更新React JS Web面板中提供给图表的值。问题是当我从时间序列转到类别时,x轴上的类别消失了。
这是我的代码。 Component.js
<Chart options={this.props.options} series={this.props.series} type="area" height="387" />
在减速器中,我这样更改数据,
console.log(action.categories); //categories in chart
console.log(action.chartData); //series component in chart
return { ...state,
unique_visitors: action.payload,
loading_unique_visitors: false,
chartData: action.chartData,
timeData: action.timeData,
categories: action.categories,
options: {
...state.options,
xaxis: {
...state.options.xaxis,
categories: action.categories,
type: _.isEmpty(action.categories) ? 'datetime' : '',
}
},
series: [{ name: 'unique visitors', data: action.chartData }]
};
我记录了发送到“图表”组件的系列对象和类别对象,该图表应该根据选择的时间段,每月,每周等进行更新。
类别对象为空,后者为系列对象数据。 这显示了图形。
这显示了记录的类别对象和系列对象 x轴元素(类别)将不会显示。静态完成后,我可以看到x轴元素。