highcharts中x轴的刻度的距离如何设置

juanziHaoChi 2012-04-12 09:28:56

highcharts 中 x轴的刻度的距离如何设置，是否存在该属性，查找资料很久了，也没有解决。着急等待中

...全文

26189 27 打赏收藏转发到动态举报

写回复

用AI写文章

27 条回复

切换为时间正序

请发表友善的回复…

发表回复

andevery 2014-12-24

打赏
举报

此贴没有相去甚远，顶上去看看有没有人解答。再描述一下：对于非线性的X轴，是否可以固定每个刻度的宽度？有什么解决办法？ tickPixelInterval对非线性坐标轴是没有效果的。

lumence 2014-11-27

打赏
举报

我的办法是，不要人为设置宽度，和增幅。举例像这样


<div id="container" style="width:300px;height:300px"></div>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'spline'
        },
        xAxis: {
            labels: {
                formatter: function() {
                    return dateFormat(this.value); // 
                }
            }
        },
        series: [{
            name: '重庆',
            data: [
				[Data.UTC(2014,1,1),1526],//Data.UTC()的返回值是number类型的，这个很重要
				[Data.UTC(2014,2,1),4259],
				[Data.UTC(2014,3,1),2542],
				[Data.UTC(2014,4,1),1523],
				[Data.UTC(2014,5,1),5234],
				[Data.UTC(2014,6,1),4235],
				[Data.UTC(2014,7,1),3524],
				[Data.UTC(2014,8,1),2541],
            ]
        }],
    });
});  
function dateFormat(time){
	var now = new Date();
	now.setTime(time);
    return now.getFullYear()+"年"+(now.getMonth()+1)+"月"+(now.getDate()); 
}

也就是把X轴的值放入到series的data中去，但是x轴的值必须是number类型才可以，虽然有时候并不分得并理想，比如下面的例子：


<div id="container" style="width:300px;height:300px"></div>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'spline'
        },
        xAxis: {
            labels: {
                formatter: function() {
                    return this.value+"个人"; // 
                }
            }
        },
        series: [{
            name: '第三组',
            data: [
				[1,1326],
				[2,2259],
				[3,3542],
				[4,4523],
				[5,5234],
				[6,6235],
				[7,8524],
				[8,9541],
            ]
        }],
    });
});

哈哈水桶 2014-11-22

打赏
举报

我也遇到刻度问题，代码是这样的：请大家帮忙看一下 var chart1 = new Highcharts.Chart({ chart: { renderTo: 'newLineChart', type: 'line', marginRight: 130, marginBottom: 25 }, xAxis: { type: 'datetime', // 定义时间轴的类型 maxPadding: 0.05, minPadding: 0.05, tickWidth: 1,//刻度的宽度 lineWidth: 1,//自定义x轴宽度 gridLineWidth: 1,//默认是0，即在图上没有纵轴间隔线 lineColor: '#990000' }, yAxis: { title: { text: '值' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, series: [{ data: [ [1274457600000, 1200], [1274544000000, 1300], [1274630400000, 1250], [1274803200000, 1350] ] }] });