Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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 在xAxis highcharts上固定多个标签_Jquery_Highcharts - Fatal编程技术网

Jquery 在xAxis highcharts上固定多个标签

Jquery 在xAxis highcharts上固定多个标签,jquery,highcharts,Jquery,Highcharts,我使用highcharts显示ajax请求的价格 (我更改了代码为您工作:)) var选项={ 图表:{ renderTo:'容器', 键入:“行”, 身高:80, 宽度:190, 背景颜色:“#EBEEEF” }, 标题:{ 文本:“” }, xAxis:{ 键入:“日期时间”, 标签:{ 风格:{ 字体大小:“9px” } } }, 亚克斯:{ 标题:{ 文本:“” }, 标签:{ 风格:{ 字体大小:“9px” } } }, 打印选项:{ 系列:{ 标记:{ 已启用:false } } }

我使用highcharts显示ajax请求的价格

(我更改了代码为您工作:))

var选项={
图表:{
renderTo:'容器',
键入:“行”,
身高:80,
宽度:190,
背景颜色:“#EBEEEF”
},
标题:{
文本:“”
},
xAxis:{
键入:“日期时间”,
标签:{
风格:{
字体大小:“9px”
}
}
},
亚克斯:{
标题:{
文本:“”
},
标签:{
风格:{
字体大小:“9px”
}
}
},
打印选项:{
系列:{
标记:{
已启用:false
}
}
},
图例:{
已启用:false
},
学分:{
已启用:false
},
工具提示:{
followPointer:true,
格式化程序:函数(){
var p=Highcharts.numberFormat(this.y,2',','')
var d=Highcharts.dateFormat(“%d/%m/%Y”,this.x)
返回d+'
'+p+'€'; } }, 系列:[{ 颜色:“#646D70”, 数据:[1360598402000299.99]、[1360836003000297.99]、[1361037604000309.99]、[13612104010000307.99]、[1362470420000308.22]、[1362643020000309.99]、[13627620002000308.22]、[1363075202002000307.23]、[13632480003000308.99]、[13633344020000307.23]、[1363366802000312.19]、[1363766402000313.99]、[1363798802000309.99]、[13649202000369.99]、[136492020009.99],[1364025602000,299.99],[1364198402000,369.99],[1364241602000,455.00],[1364562003000,347.24],[1365145202000,337.38],[1365663602000,325.99],[1366387202000,337.00],[1366441202000,332.45],[1366700402000,381.75],[1367074803000,332.45],[1367229602000,381.75],[1367301602000,341.00],[1367388002000,346.00],[1367672402000,341.00]] } ] }; 图表=新的高点图表。图表(选项);
在给定的示例中,a在xAxis上有2个标签,我想显示4个,有解决方案吗


谢谢

您可以使用tickPixelInterval来增加标签的数量。但是,要显示4,我认为您还需要增加图表本身的宽度


您应该设置tickInverval,它允许定义刻度之间的距离

var options = {
        chart: {
            renderTo: 'container',
            type: 'line',
            height: 80,
            width: 190,
            backgroundColor: '#EBEEEF'
        },
        title: {
            text: ''
        },
        xAxis: {
            type: 'datetime',
            labels: {
                style: {
                    fontSize: '9px'
                }
            }
        },
        yAxis: {

            title: {
                text: ''
            },
            labels: {
                style: {
                    fontSize: '9px'
                }
            }
        },
        plotOptions: {
            series: {
                marker: {
                    enabled: false
                }
            }
        },
        legend: {
            enabled: false
        },
        credits: {
            enabled: false
        },
        tooltip: {
            followPointer: true,
            formatter: function () {
                var p = Highcharts.numberFormat(this.y, 2, ',', ' ')
                var d = Highcharts.dateFormat('%d/%m/%Y', this.x)
                return d + '<br>' + p + ' €';
            }
        },
        series: [{
                color: '#646D70',
                data: [[1360598402000,299.99],[1360836003000,297.99],[1361037604000,309.99],[1361210401000,307.99],[1362470402000,308.22],[1362643202000,309.99],[1362762002000,308.22],[1363075202000,307.23],[1363248003000,308.99],[1363334402000,307.23],[1363366802000,312.19],[1363766402000,313.99],[1363798802000,309.99],[1363849202000,369.99],[1364025602000,299.99],[1364198402000,369.99],[1364241602000,455.00],[1364562003000,347.24],[1365145202000,337.38],[1365663602000,325.99],[1366387202000,337.00],[1366441202000,332.45],[1366700402000,381.75],[1367074803000,332.45],[1367229602000,381.75],[1367301602000,341.00],[1367388002000,346.00],[1367672402000,341.00]]
            }
        ]
    };
chart = new Highcharts.Chart(options);
    var options = {
        xAxis: {
            tickPixelInterval: 50,
        }
    }