1
回答
用hightcharts绘制boxplot 出错
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="do/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="do/highcharts.js"></script>
<!-- <script type="text/javascript" src="JS/highcharts-more.js"></script> -->
<script type="text/javascript" src="JS/exporting.js"></script>
<!-- <script type="text/javascript" src="JS/data.js"></script> -->
<title>Ibox</title>
<script>
$(function () {
    $('#container').highcharts({

        chart: {
            type: 'boxplot'
        },

        title: {
            text: 'Highcharts box plot styling'
        },

        legend: {
            enabled: true
        },

        xAxis: {
            categories: ['1', '2'],
            title: {
                text: 'Experiment No.'
            }
        },

        yAxis: [{
            title: {
                text: 'Observations'
            }},
            {
            title: {
                text: 'Observations2'
            }}]
        ,

        plotOptions: {
            boxplot: {
                fillColor: '#F0F0E0',
                lineWidth: 2,
                medianColor: '#0C5DA5',
                medianWidth: 3,
                stemColor: '#A63400',
                stemDashStyle: 'dot',
                stemWidth: 1,
                whiskerColor: '#3D9200',
                whiskerLength: '20%',
                whiskerWidth: 3
            }
        },

        series: [{
            name: 'Observations',
            data: [
                [10, 20, 30, 40,50,60],
                [1, 2, 3, 4, 5,8]
            ]
        },
                {
            name: 'Observations2',
            data: [
                [360, 801, 848, 895,678,563],
                [733, 853, 939, 980, 1080,777]
            ]
        }]
    });
});
</script>
</head>
<body>
<div id="container" style="height: 400px; margin: auto; min-width: 310px; max-width: 600px">
<h1>hello</h1></div>
</body>
</html>

如果将data 改成

  series: [{
            name: 'Observations',
            data: [
                [10, 20, 30, 40,50],
                [1, 2, 3, 4, 5]

            ]
        },
                {
            name: 'Observations2',
            data: [
                [360, 801, 848, 895,678],
                [733, 853, 939, 980, 1080]

            ]
        }]

结果比较正常,为什么,是只能输入5个数字吗???求助

<无标签>
举报
sky_m
发帖于3个月前 1回/17阅
顶部