gpt4 book ai didi

highcharts - Highstock 图表 : navigator displays the wrong area in negative-color

转载 作者:行者123 更新时间:2023-12-04 15:50:17 25 4
gpt4 key购买 nike

嗨,友好的开发人员

我用 highstock 创建了一个图表这是 highchart 的超集,添加了一个所谓的“导航器”(底部图表以选择图表的某个部分)。

我正在使用区域类型图表,我的目标是将 0 以上的区域着色为绿色,将红色设置为 0 以下。这在实际图表中效果很好,但在导航器中无效。不知何故,导航器不会以红色显示 x 轴和图形之间的区域,而是显示图形下方的区域。这是一个例子:https://stackblitz.com/edit/react-58f7s8?embed=1&file=index.js

我是否错过了 API 中的某些内容,是错误还是预期的行为?

在此先感谢您的时间!
G。

顺便说一句:这是代码片段(您也可以在 stackblitz 中找到):

import React, { Component } from 'react';
import { render } from 'react-dom';
import ReactHighstock from 'react-highcharts/ReactHighstock';

class App extends Component {

render() {
const config = {
chart: {
type: 'area',
},
series: [{
color: 'green',
negativeColor: 'red',
data: [29.9, 71.5, 106.4, -129.2, -144.0, -176.0, 35.6, 148.5, 148.5, -216.4, 194.1, 95.6, 54.4]
}]
};
return (
<ReactHighstock config={config} />
);
}
}

render(<App />, document.getElementById('root'));

最佳答案

如果有人正在寻找相同的东西:
解决方法是添加threshold: 0这里:

navigator: {
series: {
threshold: 0,
},

Check API

关于highcharts - Highstock 图表 : navigator displays the wrong area in negative-color,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53203061/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com