折线图线条颜色问题

[DejanHuang]

Which class is this unit test associated with?

官网上的两个折线图示例，配置一样，但是呈现的样式不一样，一张图的每条线是一种颜色，另一张图每条线都有一段，似乎只要是下降趋势的，会变成红色，请问这是怎么控制的？

Snipaste_2026-01-30_08-31-10.bmp

Snipaste_2026-01-29_16-04-29.bmp

[bb-auto[bot]]

@DejanHuang Thank you for submitting. We will give feedback later.

[DejanHuang]

应该是这边设定的，用 ds.AppendData 也没办法更改这个参数。

[ArgoZhang]

@DejanHuang Chart.js 的小细节参数太多了，我们没有时间与精力去一一对应设计出 C# 的对象模型，有些根本无法设计，所以我们预留了一个 js 脚本扩展

if (window.BootstrapBlazor.Chart === void 0) {
    const elementMap = new Map();
    window.BootstrapBlazor.Chart = new class {
        setOptionsById(element, instance) {
            if (!elementMap.has(element)) {
                elementMap.set(element, instance)
            }
        }

        getOptionsById(element) {
            if (elementMap.has(element)) {
                return elementMap.get(element)
            }

            return null
        }

        removeOptionsById(element) {
            if (!elementMap.has(element)) {
                return
            }

            elementMap.delete(element)
        }
    };
}

通过设置 Chart 组件 Id，扩展出自己想要的参数，这里通过合理的设置 setOptionsById 就可以实现了

[DejanHuang]

研究了一下，已经实现需求了，感谢老师！