对比分析柱形图的用法。在图表中显示最大值与最小值。

像这样的动态图表，使用HTML，JS，就可以完成。

代码部分可以交给,AIGC来完成

给发送指令：请使用HTML，JS，完成一个对比分析柱形图，在图表中突出显示第1名和最后1名用单独一种不同的颜色表示，其它柱形用蓝色填充，数据可以用随机函数生成，在图表中显示数据标签。显示X轴标签与Y轴标签，字体18号，加粗，请写出完整的实例。

数据表格处理的基本操作_使用表格进行数据处理的步骤_怎么用chatgpt处理表格的数据

完整的HTML代码如下：




    
    ECharts
    
    


    
    

    


 
 
 

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;
 
var data = Array.from({length: 7}, () => Math.floor(Math.random() * 150)); 
 
var maxIndex = data.indexOf(Math.max(...data));
var minIndex = data.indexOf(Math.min(...data));
 
var colors = data.map(function(d, i) {
    if (i == maxIndex) {
        return 'rgba(255, 0, 0, 0.8)';
    } else if (i == minIndex) {
        return 'rgba(0, 255, 0, 0.8)';
    } else {
        return 'rgba(0, 0, 220, 0.8)';
    }
});
 
option = {
    title: {
        text: '对比分析柱形图'
    },
    tooltip: {},
    xAxis: {
        data: ["分类1","分类2","分类3","分类4","分类5","分类6","分类7"],
        axisLabel: {
            fontSize: 18,
            fontWeight: 'bold'
        }
    },
    yAxis: {
        axisLabel: {
            fontSize: 18,
            fontWeight: 'bold'
        }
    },
    series: [{
        name: '数量',
        type: 'bar',
        data: data,
        itemStyle: {
            color: function(params) {
                return colors[params.dataIndex];
            }
        },
        label: {
            show: true,
            position: 'top',
            color: '#000',
            fontSize: 18,
            fontWeight: 'bold'
        }
    }]
};
 
option && myChart.setOption(option);

将上述代码保存为HTML格式即可

打开文件。