Question

因此，我正在使用Chart.js进行数据可视化。并使用以下数据进行可视化：

var productionData = {
labels: ["10-15-2018", "10-16-2018", "10-17-2018", "10-18-2018", "10-19-2018", "10-20-2018"],

datasets: [producedData, defectsData, qiData, safetyData, workerData, overtimeData, downtimeData]
};

当前，此显示的是从10-15-2018到10-20-2018的所有日期的数据，但我希望能够提取像persay 10-16-2018到10-19-2018这样的子集。

我已经添加了两个用户将使用的日期文本字段，因此他们只能看到他们选择的两个选定日期（包括两个日期）之间的数据。

文本字段示例：

                <Grid item xs={6} style={{ marginTop: 10, marginBottom: 10 }} align="center">
                    <TextField
                    id="initialDate"
                    label="Initial Date"
                    type="date"
                    defaultValue="2018-10-15"
                    />
                </Grid>

但是，我不确定如何执行该操作。有没有办法遍历两个选定日期之间的每个日期，将它们放在[]中，然后将它们添加到可视化配置的“标签”部分？

你们的想法是什么？如果您需要更多信息，请随时提问！

设置可视化日期[Reactjs]

0 个答案: