• echart折线区域图


    在引入echart区域折线图时,没有出现对应的区域图

    当发现引入下面代码到自己的代码中并没有对应的区域图


    option = { 
    xAxis: { 
    type: 'category', 
    boundaryGap: false, 
    data: mydata.xname(改成自己的数据) 
    }, 
    yAxis: { 
    type: 'value' 
    }, 
    series: [{ 
    data: mydata.ydata,(改成自己的数据) 
    type: 'line', 
    areaStyle: {} 
    }] 
    };[这里写链接内容](http://echarts.baidu.com/examples/editor.html?c=area-basic) 
    这样获取的代码时间2018.4.20

    这里写图片描述

    经过查找api,发现echarts本身的好多代码自己引入了,加上自己的echarts可能被后台压缩过,导致该出现的没有出现

    最终的解决办法就是改成了如下代码

    option = {
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: mydata.xname(改成自己的数据)
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: mydata.ydata,(改成自己的数据)
            type: 'line',
             itemStyle: {normal: {areaStyle: {type: 'default'}}}
        }]
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14

    结果就是很正常的:这里写图片描述

    在这图表中还可以用: 
    symbol:’none’, //这句就是去掉点的 
    smooth:true, //true就是让曲线变平滑的

  • 相关阅读:
    搜索--P1605 迷宫
    搜索--P1219 N皇后
    复制百度文库的技巧
    P1036 选数(DFS)
    P1217 [USACO1.5]回文质数 Prime Palindromes
    mysql常用指令
    code blocks 安装与实践
    C++ string 是否以‘’结尾 讨论
    ELK(1) ELK的安装及使用收集日志
    windows下nginx的安装及使用
  • 原文地址:https://www.cnblogs.com/snowhite/p/9528731.html
Copyright © 2020-2023  润新知