【问题标题】:Dynamically adding of Series in Apex Chart在顶点图表中动态添加系列
【发布时间】:2021-11-20 09:26:45
【问题描述】:

我有从数据库中提取的结果,结果中的每个项目都是单个图表中的一个系列。

我能够更新该图表,但结果的最后一个元素仅显示在图表中。这可能是什么问题?

for (i = 0; i < objResult.length; i++) {
    temperatureRender.updateSeries([{
        name: objResult[i].TankName,
        data: objResult[i].TankLogs
    }]);
}

它显示系列,但只显示我添加的最后一个系列。

【问题讨论】:

    标签: javascript apexcharts


    【解决方案1】:

    updateSeries 方法overwrites the existing series。因此,在 for 循环中(就像您包含的代码一样)您只会显示最后一个元素 - 覆盖任何以前的元素。

    看看appendSeries 方法,它允许您使用add additional series,同时保留现有的。

    还值得一提的是,这与appendData 不同,后者允许您将add additional data points 转换为已经存在的系列。

    【讨论】:

    • 在 appendSeries 之后是否需要再次清除系列?重新运行代码后,我得到一个 t.push 不是一个函数。由于 appendSeries 将被放入循环中以在特定时间段内重新运行。
    • 我没有遇到这个错误。可能与图表的范围有关?你能在代码笔中重现它吗?
    • 是否也可以同时更新 xaxis 类别? @OscarSchafer
    • @SampleTest 查看updateSeries 文档 - 有一条关于同时更新系列和选项的小评论。您可以将新类别和系列作为updateOptions 方法的一部分传递。
    猜你喜欢
    • 2021-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多