echarts 折柱混合

引用\[1\]中提到了如何使用Echarts绘制柱状图，而引用\[2\]中提到了在图形绘制中需要绘制多个y轴，一个代表温度，另一个代表水量，并且需要添加图例组件。根据引用\[3\]中的代码，可以使用Echarts的type属性选择'bar'类型来绘制柱状图。因此，要绘制echarts折柱混合图，可以使用以下代码：

// 引入Echarts
<script type="text/javascript" src="js/echarts.min.js"></script>

// 设置显示div
<div id="main" style="width: 900px;height: 600px;"></div>

// Echarts初始化
var myChart = echarts.init(document.getElementById('main'));

// 数据加载
$.ajax({
    url: "newdata/yjPrecipitationData.json",
    async: false,
    dataType: "json",
    success: function(data) {
        dataPrecipitation = data.precipitation;
        dataEvaporation = data.evaporation;
        dataTemperature = data.temperature;
    }
});

// 绘制折柱混合图
var option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    legend: {
        right: 20,
        bottom: 20,
        data: \['蒸发量', '降水量', '月平均最高温度'\]
    },
    yAxis: \[{
        type: 'value',
        name: '水量',
        min: 0,
        max: 500,
        interval: 50,
        axisLabel: {
            formatter: '{value} ml'
        }
    }, {
        type: 'value',
        name: '温度',
        min: -10,
        max: 40,
        interval: 5,
        axisLabel: {
            formatter: '{value} °C'
        }
    }\],
    series: \[{
        type: 'bar',
        name: '蒸发量',
        data: dataEvaporation
    }, {
        type: 'bar',
        name: '降水量',
        data: dataPrecipitation
    }, {
        type: 'line',
        name: '月平均最高温度',
        yAxisIndex: 1,
        data: dataTemperature
    }\]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

这段代码将绘制一个折柱混合图，其中包含了蒸发量、降水量和月平均最高温度的数据。柱状图表示蒸发量和降水量的大小，折线图表示月平均最高温度的变化。
#### 引用[.reference_title]
- *1* *2* *3* [Echars实例—折、柱混合图](https://blog.csdn.net/weixin_54936485/article/details/127488268)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]