Выбор привлекательной линейной шкалы для оси Y графика

Кажется, что вызывающая сторона не говорит Вам диапазоны, которые это хочет.

, Таким образом, Вы свободны к измененному конечные точки, пока Вы не получаете его приятно делимый Вашим количеством маркировки.

Позволяют нам определить "хороший". Я назвал бы хорошим, если маркировки выключены:

1. 2^n, for some integer n. eg. ..., .25, .5, 1, 2, 4, 8, 16, ...
2. 10^n, for some integer n. eg. ..., .01, .1, 1, 10, 100
3. n/5 == 0, for some positive integer n, eg, 5, 10, 15, 20, 25, ...
4. n/2 == 0, for some positive integer n, eg, 2, 4, 6, 8, 10, 12, 14, ...

Находят макс. и минута Вашего ряда данных. Давайте назовем эти точки:

min_point and max_point.

Теперь все, что необходимо сделать, является находкой, 3 значения:

- start_label, where start_label < min_point and start_label is an integer
- end_label, where end_label > max_point and end_label is an integer
- label_offset, where label_offset is "nice"

, которые соответствуют уравнению:

(end_label - start_label)/label_offset == label_count

существует, вероятно, много решений, поэтому просто выбирают то. Большую часть времени я держал пари, что можно установить

start_label to 0

, поэтому просто пробуют различное целое число

end_label

, пока смещение не "хорошо"

Вот большой ответ Toon Krijtje в JavaScript

const makeYAxis = (min,max,tickCount) => {
    const result = [];
    const range = Math.abs(max-min);
    const stepSizeUnrounded = range / ( tickCount-1 );
    const pow10x = Math.pow(10,  Math.ceil(Math.log10(stepSizeUnrounded)-1) );
    const stepSize = Math.ceil(stepSizeUnrounded / pow10x) * pow10x;
    const lBound = stepSize * Math.floor(min/stepSize);
    const uBound = stepSize * Math.ceil(max/stepSize);
    for(let i=lBound;i<=uBound;i+=stepSize) result.push(i);
    return result;
};

console.log(makeYAxis(15,234,6));
// > [0, 50, 100, 150, 200, 250]

Спасибо за вопрос и ответ, очень полезно. Gamecat, мне интересно, как вы определяете, до какого диапазона тиков следует округлить.

диапазон тиков = 21,9. Это должно быть 25,0

Чтобы сделать это алгоритмически, нужно было бы добавить логику к алгоритму, приведенному выше, чтобы сделать этот масштаб подходящим для больших чисел? Например, с 10 тиками, если диапазон равен 3346, тогда диапазон тиков будет равен 334,6, а округление до ближайших 10 даст 340, когда 350, вероятно, лучше.

Как вы думаете?

Попробуйте этот код. Я использовал его в нескольких сценариях построения графиков, и он хорошо работает. Это тоже довольно быстро.

public static class AxisUtil
{
    public static float CalculateStepSize(float range, float targetSteps)
    {
        // calculate an initial guess at step size
        float tempStep = range/targetSteps;

        // get the magnitude of the step size
        float mag = (float)Math.Floor(Math.Log10(tempStep));
        float magPow = (float)Math.Pow(10, mag);

        // calculate most significant digit of the new step size
        float magMsd = (int)(tempStep/magPow + 0.5);

        // promote the MSD to either 1, 2, or 5
        if (magMsd > 5.0)
            magMsd = 10.0f;
        else if (magMsd > 2.0)
            magMsd = 5.0f;
        else if (magMsd > 1.0)
            magMsd = 2.0f;

        return magMsd*magPow;
    }
}