儿童生长标准曲线（原创）

Html

Css

var dom = document.getElementById("boyheight");
var myChart = echarts.init(dom);
var app = {};

var option;

option = {
    title: {
        text: '男身高曲线'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['3%', '50%', '97%']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['0', '2月', '4月', '6月', '9月', '12月', '15月', '18月', '21月', '2岁',

'2.5岁', '3岁', '3.5岁', '4岁', '4.5岁', '5岁', '5.5岁', '6岁', '6.5岁', '7岁', '7.5岁', '8岁', '8.5岁', '9岁', '9.5岁', '10岁',

'10.5岁', '11岁', '11.5岁', '12岁', '12.5', '13岁', '13.5岁', '14岁', '14.5岁', '15岁', '15.5岁', '16岁', '16.5岁', '17岁', '18岁',
        ]
    },
    yAxis: {
        type: 'value'
    },
    series: [{
            name: '3%',
            type: 'line',
            data: [47.1, 54.6, 60.3, 64.0, 67.9, 71.5, 74.4, 76.9, 79.5, 82.1,

86.4, 89.7, 93.4, 96.7, 100.0, 100.3, 106.4, 109.1, 111.7, 114.6, 117.4, 119.9, 122.3, 124.6, 126.7, 128.7,

130.7, 132.9, 135.3, 138.1, 141.1, 145.0, 148.8, 152.3, 155.3, 157.5, 159.1, 159.9, 160.5, 160.9, 161.3
            ],
            smooth: true
        },
        {
            name: '50%',
            type: 'line',
            data: [50.4, 58.7, 64.6, 68.4, 72.6, 76.5, 79.8, 82.7, 85.6, 88.5,

93.3, 96.8, 100.6, 104.1, 107.7, 111.3, 114.7, 117.7, 120.7, 124.0, 127.1, 130.0, 132.7, 135.4, 137.9, 140.2,

142.6, 145.3, 148.4, 151.9, 155.6, 159.5, 163.0, 165.9, 168.2, 169.8, 171.0, 171.6, 172.1, 172.3, 172.7
            ],
            smooth: true
        },
        {
            name: '97%',
            type: 'line',
            data: [53.8, 63.0, 69.0, 73.0, 77.5, 81.8, 85.4, 88.7, 92.0, 95.3,

100.5, 104.1, 108.1, 111.8, 115.7, 119.6, 123.3, 126.6, 129.9, 133.7, 137.2, 140.4, 143.6, 146.5, 149.4, 152.0,

154.9, 158.1, 161.7, 166, 170.2, 174.2, 177.2, 179.4, 181.0, 182.0, 182.8, 183.2, 183.5, 183.7, 183.9
            ],
            smooth: true
        },
    ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

儿童生长标准曲线（原创）

代码描述：eharts制作简单平滑曲线代码，根据世界卫生组织发布的标准数据制作

更新时间：2021-06-17 14:10:33
代码已经简化到最简单了，初次接触也可以修改坐标数据等等，制作平滑曲线最简洁工具。

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

阿健

相关代码

儿童生长标准曲线（原创）

最新