{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

highcharts.js员工业绩流水折线图数据图表代码

一款基于highcharts.js插件的员工业绩流水折线图数据图表代码,员工业绩流水情况折线图js代码。


js代码

<script src="js/highcharts.js"></script>
<script>
var chart = Highcharts.chart('container', {
    title: {
        text: '2月 ~ 7月 业绩流水情况'
    },
    subtitle: {
        text: '数据来源:尚德鹰眼系统'
    },
    yAxis: {
        title: {
            text: '流水'
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },
    plotOptions: {
        series: {
            label: {
                connectorAllowed: false
            },
            pointStart: 2
        }
    },
    series: [
	{
        name: '员工A',
        data: [43934, 52503, 57177, 69658, 97031, 119931],
		color:"#ff0000"
    }, 
	{
        name: '员工B',
        data: [24916, 24064, 59742, 29851, 32490, 60282]
    }, 
	{
        name: '员工C',
        data: [11744, 37722, 16005, 19771, 20185, 24377]
    }, 
	{
        name: '员工D',
        data: [null, null, 7988, 12169, 15112, 22452]
    }, 
	{
        name: '员工E',
        data: [12908, 35948, 8105, 11248, 8989, 11816]
    }
	],
    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                legend: {
                    layout: 'horizontal',
                    align: 'center',
                    verticalAlign: 'bottom'
                }
            }
        }]
    }
});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:highcharts.js员工业绩流水折线图数据图表代码
喜欢 ()分享 (0)