2016-01-15 88 views
0

第一跳位置这是我的图表改变对X轴

chart

我需要从我的图表启动蜱开始,没有填充左侧。

我试图读取文档,但我无法找到任何关于它的

+0

看看minPadding。如果没有这样做,请发布图表的现场小提琴,或者至少是代码。 – jlbriggs

+0

http://jsfiddle.net/ns4txh0f/这是我的代码,是的,我试着minpadding – oleghalin

+0

在这里看到我的答案为什么分类轴不会以你期望的方式表现:http://stackoverflow.com/questions/34653678/why-is-the-highcharts-tick-placement-different-in-two-similar-charts/34656442#34656442然后按照wergeld的回答如何向前移动它 – jlbriggs

回答

1

%的文档应该反正与xAxis.startOnTick做这样的:

Whether to force the axis to start on a tick. 
Use this option with the minPadding option to control the axis start. 
Defaults to false. 

所以,也许您在图表中改写本码?

更新: 所以,从你的代码你有什么是一个分类xAxis和区域折线图。风格*这是没有多大意义,因为整个类别“箱”是一个单一的价值观,你正在把时间价值(我假设,因为他们是['00:00', '05:00', '05:00', '05:00', '05:00'])。为什么不制作一个实际的时间序列xAxis?这将根据时间给出离散x位置,您可以看到该区域图更清晰一些。

Sample基于时间的X轴:

$(function() { 
    $('#container').highcharts({ 
    chart: { 
     type: 'area' 
    }, 
    xAxis: { 
     startOnTick: false, 
     type: 'datetime' 
    }, 
    series: [{ 
     name: 'John', 
     data: [0, 3, 4, 7, 2], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }, { 
     name: 'Jane', 
     data: [2, -2, -3, 2, 1], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }, { 
     name: 'Joe', 
     data: [3, 4, 4, -2, 5], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }] 
    }); 
}); 
  • 我的意思是 “文体” 是,你必须从 “00:00” 难符为 “05:00”。所以我们假设这是5个小时之间的类别。由于您的点之间有5小时的差距,所以区域图是否真的向用户传达任何信息?这里不是简单的柱状图更有意义吗?如果这是甚至5分钟之间的类别,这似乎有点可以使这个面积图。
+0

jsfiddle.net/ns4txh0f这是我的代码,是的,我试过minpadding – oleghalin

+0

我需要每5分钟,而不是5小时 – oleghalin

+0

您可以调整'pointInterval'。 5分钟将是'300 * 1000'。 – wergeld