javascript - React ApexCharts 不会在 X 轴上显示类别数据
问题描述
解释
我正在使用 redux 更新提供给 React JS Web 面板中图表的值。问题是当我从时间序列转移到类别时,x 轴上的类别消失了。
这是我的代码。组件.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 轴元素。
解决方案
推荐阅读
- mongodb - MongoDB - 考虑到一个属性的最小值,获取一个组的完整文档
- android - 无法编译 RenderScript 缩减内核
- shell - 如何在 shell 脚本中创建具有当前日期的新目录?
- php - Nested Foreach() PHP
- database - 我试图解决一个基于数据库在三种类型的三角形之间进行选择的普通查询
- azure - 无法从不同资源描述的 Azure DevOps 访问 keyvault
- python - 在一个循环中:没有名为“conda”的模块
- c - 覆盖“已定义”关键字的 C 预处理器参数括号
- javascript - 为什么 Input.dispatchMouseEvent 不调度事件?
- apache - 无需手动输入凭据即可进行 SSO 身份验证