Question

嗨，那里的开发人员很友好

我用highstock创建了一个图表，该图表是海图的超集，并添加了一个所谓的“导航器”（底部图表用于选择图表的特定部分）。

我正在使用区域类型的图表，我的目标是将0以上的区域涂成绿色，将0以下的红色涂成红色。这在实际图表中效果很好，但在导航器中却不行。导航器以某种方式不会以红色显示x轴和图形之间的区域，而是显示图形下方的区域。这是一个示例：https://stackblitz.com/edit/react-58f7s8?embed=1&file=index.js

我是否错过了API中的某些功能，这是一个错误，还是预期的行为？

提前感谢您的宝贵时间！ G。

btw：这是代码段（您也可以在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'));

Answer 1

如果有人在寻找相同的东西：解决方案是在此处添加threshold: 0：

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

Check API

高库存图表：导航器以负色显示错误的区域

1 个答案: