Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
Jquery Highchart-不从左侧点开始的线或区域_Jquery_Highcharts - Fatal编程技术网

Jquery Highchart-不从左侧点开始的线或区域

Jquery Highchart-不从左侧点开始的线或区域,jquery,highcharts,Jquery,Highcharts,嗨,我正在用Highchart做图表。它很好用。我得到了这个问题: 我以月为单位给出了分类。线的起点(线/面积)是本月的起点,而不是月点的左侧,因此在10月份,线从中心开始,上个月以中心点结束,而不是以图表的结尾结束。但我的客户希望它在适当的月份开始和结束。我添加了JSFIDLE供您参考: 谢谢您需要将tickmarkPlacement选项更改为“开” xAxis:[{ categories:categories, title:{text:null},

嗨,我正在用Highchart做图表。它很好用。我得到了这个问题:

我以月为单位给出了分类。线的起点(线/面积)是本月的起点,而不是月点的左侧,因此在10月份,线从中心开始,上个月以中心点结束,而不是以图表的结尾结束。但我的客户希望它在适当的月份开始和结束。我添加了JSFIDLE供您参考:


谢谢

您需要将tickmarkPlacement选项更改为“开”

 xAxis:[{
        categories:categories,
        title:{text:null},
        gridLineWidth: 1,
        verticalAlign:'top',
        lineWidth:0,
        offset:-400,
        minPadding:0,
        maxPadding:0,
        margin:[0,0,0,0],
        tickmarkPlacement:'on'
    }],
看一看

简而言之,当您设置xAxis.Categories时,xAxis将变成“字符串”而不是“数字”。因此,所有的刻度设置(startOnTick、endOnTick…)都不能使用它。好的技巧是覆盖xAxis.labels格式化程序:

var xCategories = ['1990','1991','1992','1993','1994','1995','1996','1997','1998'];

    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
        },
        xAxis: {
            labels: {
                formatter: function() {
                    return xCategories[this.value];
                }
            },

            startOnTick: false,
            endOnTick: false,
            minPadding: 0,
            maxPadding: 0,

            gridLineWidth: 1
        },
        series: [{
            data: [2000,9001,1337,100,1000,4444,8888,1844,6780]
        }]
    });

参见示例:

不,这不是我问的。如果您选择一个类别,我希望标签会在列之间更改它的值,但我希望按列更改该值。