Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 月与月之间需要完整的图表条_Javascript_Jquery_Graph_Charts_Highcharts - Fatal编程技术网

Javascript 月与月之间需要完整的图表条

Javascript 月与月之间需要完整的图表条,javascript,jquery,graph,charts,highcharts,Javascript,Jquery,Graph,Charts,Highcharts,我已经创建了高图表,以充分满足我的要求,如所附的图片所示,我已经尝试在小提琴下面的代码 fiddle中的示例代码如下 下面是我的代码 Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'HISTORICAL NEWS SENTIMENT' }, yAxis: { title: { text: '' }, labels: {

我已经创建了高图表,以充分满足我的要求,如所附的图片所示,我已经尝试在小提琴下面的代码 fiddle中的示例代码如下

下面是我的代码

   Highcharts.chart('container', {
 chart: {
    type: 'column'
 },
 title: {
    text: 'HISTORICAL NEWS SENTIMENT'
 },
  yAxis: {
    title: {
        text: ''
    },
     labels: {
            enabled: false
        },
    min: -100,
    max: 100,
    tickInterval: 10,
    showLastdataLabel: true,
  },
  xAxis: {
    categories: ['26. Nov', '24. Dec', '21. Jan', '18. Feb', '18. March']
  },
  credits: {
    enabled: false
  },
  series: [{
    name: null,
    data: [15, 13, 14, 17, 12]

     }, {
    name: null,
    data: [12, -12, -13, 21, 11]
  }]
  });
Html代码如下所示

  <script src="https://code.highcharts.com/highcharts.js"></script>
  <script src="https://code.highcharts.com/modules/exporting.js">. 
  </script>
  <script src="https://code.highcharts.com/modules/export-data.js"></script>
  <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

. 
但它显示每月2栏,我想它显示如下所附的图像

有人能帮我吗


我希望我的图表如图所示,而不是
category
,您应该使用
datetime
xAxis类型并将
x
值定义为时间戳:

series: [{
    ...,
    data: [
        [17227780000, 15],
        [18523780000, 13],
        [19819780000, 14],
        [21115780000, 17],
        [22411780000, 12],
        [23707780000, 12],
        [25003780000, -12],
        [26299780000, -13],
        [27595780000, 21],
        [28891780000, 11]
    ]
}]
现场演示:

或者使用
pointStart
pointInterval
属性:

series: [{
    pointStart: 17227780000,
    pointInterval: 1000 * 60 * 60 * 24 * 15, // 15 days
    name: null,
    color: 'red',
    negativeColor: 'blue',
    data: [15, 13, 14, 17, 12, 12, -12, -13, 21, 11]
}]
现场演示:


API参考:


您应该使用
datetime
xAxis类型,而不是
category
,并将
x
值定义为时间戳:

series: [{
    ...,
    data: [
        [17227780000, 15],
        [18523780000, 13],
        [19819780000, 14],
        [21115780000, 17],
        [22411780000, 12],
        [23707780000, 12],
        [25003780000, -12],
        [26299780000, -13],
        [27595780000, 21],
        [28891780000, 11]
    ]
}]
现场演示:

或者使用
pointStart
pointInterval
属性:

series: [{
    pointStart: 17227780000,
    pointInterval: 1000 * 60 * 60 * 24 * 15, // 15 days
    name: null,
    color: 'red',
    negativeColor: 'blue',
    data: [15, 13, 14, 17, 12, 12, -12, -13, 21, 11]
}]
现场演示:


API参考:


“对我来说什么都不管用”似乎不是一个很好的问题描述。@bradbury9我的意思是,我已经尝试过,但无法生成显示在imageHi@Xtremcool中的图表,您想实现这样的效果吗?“对我来说什么都不管用”似乎不是一个很好的问题描述。@bradbury9我的意思是,我已经尝试过,但无法生成在imageHi@Xtremcool中显示的图表。您想实现以下目标吗:?您能看到我发布的有问题的图像吗?@Xtremcool,当然,在我的示例中,列位于您希望的月份之间。我希望在月份之间有多个条形图,如图所示,我不知道如何获得它,因为我正在尝试生成图,如图所示。我也是第一次尝试这样做,所以你需要添加另一个带有负值的序列并禁用分组:我知道如何在代码中显示负值,因此你可以查看我的小提琴,但我的主要问题是如何在70年8月到70年9月之间添加多个条/线,在我的问题中,请查看我的图像截图,它在11月26日至12月24日期间显示了60多个条形图。因此,我的问题是,我如何才能做到这一点?你能看到我发布的有问题的图像吗?@Xtremcool,当然,在我的示例中,列位于你想要的月份之间。我希望在月份之间有多个条形图,如图所示,我不知道如何得到它,因为我正试图生成如我的问题所示的图表。我也是第一次尝试这样做,所以你需要添加另一个带有负值的序列并禁用分组:我知道如何在代码中显示负值,因此你可以查看我的小提琴,但我的主要问题是如何在70年8月到70年9月之间添加多个条/线,在我的问题中,请查看我的图像截图,它在11月26日至12月24日期间显示了60多个条。所以我的问题是,我如何才能做到这一点?