Блог

Мы работаем с большим объемом данных, но, к сожалению, для нас группировка данных невозможна, но при использовании модуля boost у нас возникает проблема с выделением цветов серым цветом.

Вы можете увидеть ссылку на jsfiddle ниже, пожалуйста, прокомментируйте сценарий boost, чтобы увидеть разницу, когда не используется Boost.

 chart = Highcharts.stockChart('timeline_chart', {
            boost: {
                useGPUTranslations: true
            },
            chart: {
                zoomType: 'x',
                animation: false,
                
            },
            legend: {
                enabled: true,
                align: 'center',
                backgroundColor: '#FCFFC5',
                borderColor: 'black',
                borderWidth: 2,
                shadow: true
            },
            credits: {
                enabled: false
            },
            navigator: {
                enabled: false
            },
            title: {
                align: 'center',
                text: '',
                
            },
            xAxis: {
                type: 'datetime',
            },

            tooltip: {
                shared: true,
                split: false,
                backgroundColor: {
                    linearGradient: {
                        x1: 0,
                        y1: 0,
                        x2: 0,
                        y2: 1
                    },
                    stops: [
                        [0, 'white'],
                        [1, '#EEE']
                    ]
                },
                borderColor: 'gray',
                valueDecimals: 2,
            },
            yAxis: myYAxis,
            plotOptions: {
                series: {
                    marker: {
                        radius: 2
                    },
                    animation: false,
                }
            },
            series: mySeries,
        });
    }
  

Пример в jsfiddle

При проверке заметок из модуля boost вы можете увидеть, что линии в сериях типов областей не будут отображаться. Вот почему вы можете подумать, что цвета выглядят более плоскими.

  * Notes for boost mode
 * - Area lines are not drawn
 * - Lines are not drawn on scatter charts
 * - Zones and negativeColor don't work
 * - Dash styles are not rendered on lines.
 * - Columns are always one pixel wide. Don't set the threshold too low.
 * - Disable animations
 * - Marker shapes are not supported: markers will always be circles, except
 *   heatmap series, where markers are always rectangles.
  

Пожалуйста, сравните эти две диаграммы:

1. Без модуля boost и без строк: https://jsfiddle.net/BlackLabel/8u0so132 /
2. С помощью boost: https://jsfiddle.net/BlackLabel/ugocansh /

Они выглядят очень похожими, я даже могу сказать, что тот, у которого boost, выглядит четче.