zoukankan      html  css  js  c++  java
  • echart-scatter使用散点图,带坐标和项目名称

    option = {
    timeline: {
    show: false,
    data: [
    '数据分析',
    ],
    label: {
    formatter: function (s) {
    return s.slice(0, 4);
    }
    },
    autoPlay: false,
    heigth: 1,
    padding:1,
    playInterval: 1500
    },
    options: [
    {
    title: {
    'text': '各城市广告位均价、销售率增幅分析(均价增幅 vs 销售率增幅)',
    'subtext': '----数据来自电子排期系统',
    'x': 'center',
    'textStyle': {fontFamily:'微软雅黑'}
    },
    tooltip: {
    trigger: 'axis',
    showDelay: 0,
    axisPointer: {
    show: true,
    type: 'cross',
    lineStyle: {
    type: 'dashed',
    1
    }
    }
    },
    toolbox: {
    'show': true,
    orient: 'vertical',
    x: 'right',
    y: 'center',
    'feature': {
    'restore': { 'show': true },
    'saveAsImage': { 'show': true }
    }
    },
    grid: { 'y': 80, 'y2': 100 },
    xAxis: [{
    'type': 'value',
    'name': '均价增幅(%)',

    }],
    yAxis: [{
    'type': 'value',
    'name': '销售率增幅(%)',

    }],
    series: [
    {
    'name': '销售均价增幅 , 销售率增幅',
    'type': 'scatter',
    markLine: {
    data: [
    { type: 'average', name: '销售均价增幅平均值', itemStyle: { normal: { borderColor: 'green' } } },
    { type: 'average', name: '销售率增幅平均值', valueIndex: 0, itemStyle: { normal: { borderColor: 'green' } } }
    ]
    },
    symbol: 'pin',
    symbolSize: 5,
    itemStyle: {
    normal: {
    label: {
    show: true,
    formatter: '{b}'
    },
    color: '#ff6633'
    }
    },
    'data': result.data //格式[{ name: '北京', value: [20, 5] }, { name: '上海', value: [17, 8] }
    }
    ]
    }
    ]
    };
    myScatter.clear();
    myScatter.setOption(option);
    }

  • 相关阅读:
    vscode中golang插件配置
    好用的go开源模块汇总
    常用linux指令
    读大嘴生平咨询---->关于商业模式的思考
    photoprism 源码阅读
    C语言的算法
    C语言输出函数和输入函数
    C语言基本概念
    servlet(3)
    servlet(2)
  • 原文地址:https://www.cnblogs.com/liuchuanxu/p/4613555.html
Copyright © 2011-2022 走看看