kmall-haikong/kmall-admin/src/main/webapp/js/sale/top10ForProduct.js

$(function () {


});
var myChart;
// 基于准备好的dom，初始化echarts实例
var dChart = echarts.init(document.getElementById('main3'));
// 指定图表的配置项和数据

function dFun(productNameList,salesList) {
    dChart.setOption({
        title: {
            text: '产品销量前10'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            data: productNameList
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        dataZoom: [                   //Y轴滑动条
            {
                type: 'slider', //滑动条
                show: true,      //开启
                yAxisIndex: [0],
                left: '93%',  //滑动条位置
                start: 1,    //初始化时，滑动条宽度开始标度
                end: 50      //初始化时，滑动条宽度结束标度<br>
            },
            {
                type: 'inside',  //内置滑动，随鼠标滚轮展示
                yAxisIndex: [0],
                start: 1,//初始化时，滑动条宽度开始标度<br>
                end: 50  //初始化时，滑动条宽度结束标度
            }
        ],
        xAxis: {
            type: 'value',
            name: '数量',
        },
        yAxis: {
            type: 'category',
            data: productNameList,

        },

        series: [
            {
                name: productNameList,
                type: 'bar',
                data: salesList,
                // label:seriesLabel,
                barWidth:20,
            }]

    });
}
var seriesLabel = {
    normal: {
        show: true,
        textBorderColor: '#333',
        textBorderWidth: 1
    }
}
function clearDate(){
    $("#month").val("");
    $("#week").val("");
}
function queryMonthly(){
    var month = document.getElementById("month").value;
    var week = document.getElementById("week").value;
    // var startMonthDate = new Date(month);
    // var endWeekDate = new Date(week);
    // if(startMonthDate.getTime() > endWeekDate.getTime()){
    //     alert("开始时间不能大于结束时间");
    //     return;
    // }
    var param = {
        month:month,
        week:week
    };
    console.log(param);
    // 折线图
    $.ajax({
        url: "../monthly/top10ForProduct",
        data: param,
        contentType:"application/x-www-form-urlencoded",
        type: 'POST',
        success: function(data) {
            console.log(JSON.stringify(data))
            if (data.code =='500'){
                alert(data.msg);
                return;
            }
            dFun(data.productNameList, data.salesPriceList);

        },
    });

}