Question

我想表示数据包括动态高级图表上的日期（从数据库获取）我该怎么做？假设这是我的静态数据

series: [{
       data: [[Date.parse('7/7/2017'),222],[Date.parse('9/9/2019'),333]],
       pointStart: Date.parse('7/7/2017'),
       pointInterval: 24 * 3600 * 1000 // one day
}]
});

如何创建这个数组（[[Date.parse（＆＃39; 7/7/2017＆＃39;），222]，[Date.parse（＆＃39; 9/9/2019＆＃39; ），333]]）在动态的java脚本中，我如何将它传递给highcharts中的系列元素。

Answer 1

在这里，我为您准备了图表，来自您的数据。

＆＃13;

var initialData = [{
    "name": "sales",    
     pointStart: Date.parse('7/7/2017'),
     pointInterval: 24 * 3600 * 1000, 
    tickInterval: 24 * 3600 * 1000,
    data: [[Date.parse('8/7/2017'),222],[Date.parse('9/7/2017'),333],[Date.parse('11/7/2017'),333]]}];
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'area',
    },

    xAxis: {
        type: 'datetime',
        tickmarkPlacement: 'on',
        showFirstLabel: true,
        showLastLabel: true,
        endOnTick: true,
       // second: '%H:%M:%S',
        dateTimeLabelFormats: {
        
            day: '%d. %b',
            month: '%b \'%y',
            year: '%Y'
        },
        labels: {
            formatter: function() {
                return Highcharts.dateFormat('%d %b %Y', this.value);
            }
        }
        //,tickInterval : null
    },
    yAxis: {
    },
   
    legend: {
        enabled: true
    },
    plotOptions: {
        area: {
            fillOpacity: .5,
            marker: {
                radius: 4
            },
            stacking: 'normal'
        }
    },
  
    series: initialData
});

＆＃13;

<script src="http://code.highcharts.com/highcharts.src.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="container" style="height: 400px"></div>

＆＃13;

如何在java脚本中为highcharts表示日期数组

1 个答案: