Формат диаграммы JS только 2 линии оси, а не все линии сетки ⇐ Javascript

[Anonymous]

возможно ли в диаграмме js < /p>

отображать линии сетки - при форматировании различных только 2 линии основной оси.
x- Ось (y = 0) и оси y (x = 0). < /p>
< /li>
in y axis - установить другой цвет для значений y kices: Красный для отрицательных значений, серый для положительных значений. < /p>
< /li>
< /ol>
Для обоих проблем - не может найти ответ.

Я также спросил чат GPT - но в соответствии с ответом GPT, который не был ясен и не указал точный вопрос - я предполагаю, что это невозможно.

но, возможно, я не знал Как спросить. br /> изображение диаграммы показывает, что я хочу изменить

Зеленые линии оберкнутых
кольцевые числа в желтом < /p>
< / li>
текущий код < /p>
< /li>
< /ol>
const settings = {< /p> < Br />

Код: Выделить всё

      type: 'line', // Line chart
data: getEmptyChartData(), // Datasets settings
options: {
responsive: true,
plugins: {
legend: {
display: true,
position: "top",
labels: {
font:{size: "19rem", weight: 'italic', padding: 10},
color: chartTextColr, // Legend text color
},
},
zoom: {
pan: {
enabled: true,  // Enable panning
mode: 'xy',  // Enable panning in both directions
threshold: 0,  // Allow immediate panning
rangeMin: {
x: 0 // Prevents panning to negative X
},
// rangeMax: {
//   x: 100 // Example: Prevents panning beyond X = 100
// }
// onPanStart: function (chart, event, point) {
//     console.log('Pan started:', chart, event, point);
// },
// onPanRejected: function (chart, event) {
//     console.log('Pan rejected:', chart, event);
// },
},
zoom: {
wheel: {
enabled: true,  // Enable zooming with mouse wheel
},
mode: 'xy',  // Enable zooming in both directions
},
decimation: {
enabled: true,
algorithm: 'lttb',
samples: 20 // Number of data points to keep after zooming
}
},
},
scales: {
x: {
type: 'linear', // Specify linear X-axis
position: 'bottom',
min: 0,
title: {display: true, text: 'Price', color: chartTextColr, font: fontSettings},
grid: {
//color: chartGridLineColor, // Regular grid lines color
color: "red", // Regular grid lines color
borderColor: 'red', // X-axis (y = 0) line emphasized
borderWidth: 2,
tickColor: "green"
},
ticks: {color: chartTicksColor,
major: {enable: true, color: "blue"}},
},
y: {
title: {display: true, text: 'PnL', color: chartTextColr, font: fontSettings},
grid: {color: chartGridLineColor },
ticks: {color: chartTicksColor},
},
},
}
};

Подробнее здесь: https://stackoverflow.com/questions/794 ... grid-lines