Echarts在线免费图表

 
            var rainfallValue = ["43.1","43.1","43.0","43.0","42.9","43.2","43.3"] ;
option = {
    backgroundColor:"#064965",
    tooltip: {
        trigger: 'axis'
    },
    xAxis: [{
        type: 'category',
        data: ["周六","周日","周一","周二","周三","周四","周五"],
        axisLabel: {
            formatter: '{value}',
            lineStyle: {
                color: "#CECECE"
            }
        },
        axisTick: {
           show: false
         },
         axisLabel: {
            color: '#fff'
         }
    }],
    yAxis: [{
        type: 'value',
        name: '价格(元/斤)',
        min: 0,
        max: 80,
        interval: 20,
         splitLine: {
            show: true,
            lineStyle: {
               color: 'rgba(117, 168, 202, 0.3)',
               type: 'dashed'
            }
         },
         axisLine: {
            show: false,
            lineStyle: {
               color: "#fff"
            }
         },
         axisLabel: {
            formatter: "{value}",
            textStyle: {
               color: '#fff',
               fontSize: 12
            }
         },
    }],
    series: [{
        name: '价格',
        type: 'line',
        label: {
            normal: {
                show: true,
                position: 'top',
                formatter: function (d) {
                    if ((Math.max.apply(null, rainfallValue) == d.value) || Math.min.apply(null, rainfallValue) == d.value) {
                        return " ";
                    } else {
                        return d.value;
                    }
                }
            }
        },
        data: rainfallValue,
        itemStyle: {
            normal: {
                color: '#029cec',
                label: {
                    show: true,
                    color: '#029cec',
                }
            }
        },
        markPoint: {
            data: [{
                type: 'max',
                name: '最大值',
                itemStyle: {
                    label: {
                        show: false
                    }
                },
            }, {
                type: 'min',
                name: '最小值',
                itemStyle: {
                    label: {
                        show: false
                    }
                },
            },
            ]
        }
    },
    ]
};