Question

我需要this chart看起来像this。

问题是轴之间的轴心点不是等距的。

我试图将ordinal属性设置为false，但它不起作用。

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'spline'
        },
        title: {
            text: 'Mohr'
        },
        xAxis: {
            tickInterval: 0.5,
            title: {
                text: ''
            },
            min: 0
        },
        yAxis: {
            tickInterval: 0.5,
            title: {
                text: ''
            },
            min: 0
        },
        series: [{
            name: 'Circ 1',
            marker: {
                    enabled: false
                },
            data: [[2.684809439972451,0.0],[2.6822125873590954,0.06609431256698768],(...more)]
        }, {
            name: 'Circ 2',
            marker: {
                    enabled: false
                },
            data: [[3.7570186145196027,0.0],[3.75431046351298,0.0689270458360995],(...more)]
        }, {
            name: 'Circ 3',
            marker: {
                    enabled: false
                },
            data: [[4.805153756251244,0.0],[4.802371412955787,0.0708153656825976], (...more)]
        }]
    });
});

我找不到方法。

谢谢！

Answer 1

在这种情况下，我没有看到使用tickPixelInterval（或minorTickInterval）的需要或好处。

该属性不准确，图表仍然会根据您提供的价值选择它认为合适的值。

您所要做的就是确保为每个轴设置最小值和最大值，以及tickInterval，这样您就可以控制多少块＆＃39;出现在每个轴6上。

然后相应地设置容器的高度和宽度，以确保块宽度与其高度相同。不要忘记考虑图表边距（最好的方法是明确设置它们，这样你就不必猜测或计算）。

示例：

http://jsfiddle.net/jlbriggs/htkv6tu3/

图表无法原生地确定您希望x和y轴的值是相同的比例，而在大多数图表中，这实际上是不可取的。

Highcharts等距缩放

1 个答案: