highcharts - Highstock 图表:导航器以负色显示错误区域
问题描述
嗨,友好的开发人员
我创建了一个带有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'));
解决方案
推荐阅读
- java - UserAccountControl 属性中不存在 PASSWD_CANT_CHANGE 标志
- django - 将变量从视图传递到表单 Django
- activerecord - Rails 将 DB 列名称添加到错误消息中
- c - CMake 是否将包含的标头中的所有内容编译到可执行文件中,还是仅将主类中使用的部分编译为可执行文件?
- angular - 在 Kestrel 中托管 Angular 应用程序不适用于 Docker
- python - 从文本中抓取行但无法获得多个返回
- sql - SQLite 中是否有条件 where 语句?
- javascript - 如何从 Angular 服务接收带有参数的数据
- http - 合并两个 nginx 服务器
- angular - 组件是 Angular 中 2 个模块的声明的一部分