Стиль / удаление индикатора перекрытия осей в lightningChart js - PullRequest
Новая
       9

Стиль / удаление индикатора перекрытия осей в lightningChart js

0 голосов
/ 12 июля 2020

Я хотел бы стилизовать оси в LightningChart Js и не могу удалить маленькие линии на перекрытии осей и на конце оси (см. Изображение ниже).

Для установки толщины оси необходимо не влияет на индикаторы: 

const axisYStyles = axisYColors.map((color) => new SolidFill({ color }));
const axisYStrokeStyles = axisYStyles.map((fillStyle) => new SolidLine({ fillStyle, thickness: 1 }));
    
const axisX = this.chart.getDefaultAxisX()
                            .setStrokeStyle(axisYStrokeStyles[0]);

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

lightningChart Js

1 Ответ

1 голос
/ 13 июля 2020

Маленькие линии на концах осевой линии называются «перьями». Вы можете стилизовать и скрыть концы с помощью Axis.setNibStyle().

emptyLine можно использовать для полного удаления осей и линий кончика. 

// Axis styling
chart.getDefaultAxisX()
    // Hide the main axis line
    .setStrokeStyle(emptyLine)
    // Hide the Nib at the ends of the axis
    .setNibStyle(emptyLine)


// Extract required parts from LightningChartJS.
const {
    lightningChart,
    emptyLine
} = lcjs

const chart = lightningChart()
    .ChartXY()

// Axis styling
chart.getDefaultAxisX()
    // Hide the main axis line
    .setStrokeStyle(emptyLine)
    // Hide the Nib at the ends of the axis
    .setNibStyle(emptyLine)
chart.getDefaultAxisY()
    // Hide the main axis line
    .setStrokeStyle(emptyLine)
    // Hide the Nib at the ends of the axis
    .setNibStyle(emptyLine)
<script src="https://unpkg.com/@arction/lcjs@1.3.1/dist/lcjs.iife.js"></script>
...