Сделайте первый столбец в каскадной диаграмме бесцветным вplotly.js ⇐ CSS

[Anonymous]

У меня есть каскадная диаграмма вplotly.js, которую я безуспешно пытаюсь отредактировать. Код и данные выглядят так:
Данные:

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

waterfallData = ['115.013205594399636', '-0.400842618817745', '2.291162911190306', '0.000000000000000', '-6.508903960138462']
waterfallLaebls = ['Initial Portfolio', 'Contribution by New Positions', 'Contribution by Divested Positions', 'Contribution by Coverage Change', 'Contribution by Existing Positions Change']
scatterData = ['115.013205594399636', '110.394621926633747']
scatterLabels = ['Initial Portfolio', 'Final Portfolio']
colourBy = ['100.000000000000000', '-0.350000000000000', '1.990000000000000', '0.000000000000000', '-5.660000000000000']

Код:

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

function positionsWaterfallChart(subject, waterfallData, waterfallLabels, scatterData, waterfallLabels, colorBy) {

let resultsList = [];

// Calculate the results and append them to the array
for (let i = 0; i < waterfallData.length; i++) {
if (i === 0) {
// First element, no previous element to subtract
resultsList.push(waterfallData[i]);
} else {
// Subtract the last element from the current element
let result = waterfallData[i] - waterfallData[i - 1];
resultsList.push(result);
}
}

const scatterTrace = {
type: 'scatter',
mode: 'markers',
x: scatterLabels,
y: scatterData,
marker: { color: 'black', size: 15 } // Customize marker appearance
};

const waterfallTrace = [
{
type: 'waterfall',
measure: resultsList,
base: [null].concat(waterfallData.slice(0, -1)),
x: waterfallLabels,
y: waterfallData,
increasing: { marker: { color: '#1f77b4' } },
decreasing: { marker: { color: 'red' } },
connector: { line: { width: 0 } }
},
scatterTrace
];

let layout = {
title: {
text: subject,
font: { size: 24 }
},
showlegend: false
};

const config = { 'displayModeBar': false, 'responsive': true };

Plotly.newPlot(document.getElementById('attribution-bar-chart'), waterfallTrace, layout, config);
};

Выходной график выглядит следующим образом:


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

Подробнее здесь: https://stackoverflow.com/questions/787 ... -plotly-js