echarts中series的动态渲染

最新推荐文章于 2023-11-17 17:48:34 发布

仙女不吃豆腐

最新推荐文章于 2023-11-17 17:48:34 发布

阅读量787

点赞数

文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/chaner_/article/details/122982847

版权

该博客探讨了如何使用ECharts库在JavaScript前端环境中动态渲染X轴为当月天数的日期数据。文章强调了当接口返回的数据包含当日记录时如何展示这些数据点。

摘要由CSDN通过智能技术生成

后端返回接口数据如下：
请添加图片描述
要求：X轴为当月天数取日期，要求实现当返回数据中有当日时，显示数据

domesticOptions() {
         return {
            tooltip: {
               trigger: 'axis',
               formatter: function(obj) {
                  let str = '';
                  str = '<div style="font-size: 12px;"><p style="color:#fff;lineHeight:18px;height:18px;margin-bottom:10px;">' + obj[0].name + '</p>';
                  obj.map(item => {
                     const value = isNull(item.value, 2);
                     const subStr = '<div style=\'lineHeight:22px;height:24px;\'><div style=\'display:inline-block;width:5px;height:5px;margin-right:6px;background:' +
                       item.color + ';border-radius:50%;m