Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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 Highcharts图上的内缘_Javascript_Jquery_Graph_Highcharts - Fatal编程技术网

Javascript Highcharts图上的内缘

Javascript Highcharts图上的内缘,javascript,jquery,graph,highcharts,Javascript,Jquery,Graph,Highcharts,我想避免列与轴编号重叠 关键提示,我希望网格线一直向左,填充容器 所以我在轴号上加了一个负偏移量,并将它们向左对齐 我似乎找不到一种方法来强制列从更远的地方开始,添加一个左内边距 有人知道可以实现此目的的设置吗?尝试更改定义轴标签的方式 $(function () { $('#container').highcharts({ chart: { borderWidth: 1, type: 'line',

我想避免列与轴编号重叠

  • 关键提示,我希望网格线一直向左,填充容器
  • 所以我在轴号上加了一个负偏移量,并将它们向左对齐
我似乎找不到一种方法来强制列从更远的地方开始,添加一个左内边距


有人知道可以实现此目的的设置吗?

尝试更改定义轴标签的方式

$(function () {
    $('#container').highcharts({
        chart: {
            borderWidth: 1,
            type: 'line',
            marginLeft: 2
        },
        yAxis: {
            labels: {
                align: 'left',
                x: 0,
                y: -2
            },
            title: {
                enabled: false
            }
        },
        series: [{
            type: 'column',
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });
});
您有两种方法:

  • 禁用类别并使用xAxis的类型,然后可以设置
  • 使用

你能分享一下你所拥有的吗?使您的问题更容易解决。对JSFIDLE进行了一些小的更新,使其更容易查看。主要是添加容器,以便我可以确认网格线是否指向边缘。我还在问题中添加了一个JSFIDLE,这是一个更精确的用例。不要在图表中移动标签,而是将其保留,并将记号标记延伸到边缘。