漏刻有时数据可视化Echarts组件开发(13):堆叠柱状图实现甘特图时间分布

最新推荐文章于 2025-03-25 14:34:05 发布

漏刻有时

最新推荐文章于 2025-03-25 14:34:05 发布

阅读量464

点赞数 1

分类专栏： echarts

LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。

本文链接：https://blog.csdn.net/weixin_41290949/article/details/115978283

版权

本文介绍了如何使用Echarts组件开发堆叠柱状图，特别应用在甘特图中展示时间分布，通过这种方式可以清晰地呈现各个任务在时间轴上的重叠和顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

var myChart = echarts.init(document.getElementById(id));
    var info = ['韩愈（768-824）', '柳宗元（773-819）', '欧阳修（1007-1072）', '苏洵（1009-1066）', '苏轼（1037-1101）', '苏辙（1039-1112）', '王安石（1021-1086）', '曾巩（1019-1083）'];
    var option = {
   
        tooltip: {
   
            trigger: 'axis',
            axisPointer: {
   
                type: 'shadow'
            },
            formatter: function (params) {
   
                var tar;
                if (params[1].value !== '-') {
   
                    tar = params[1];
                } else {
   
                    tar = params[0];
                }
                return tar.name