小编Sad*_*one的帖子

我想在图表下方添加一个框，用户可以拖动该框以选择他们想要查看的特定日期范围。这很难解释，但美联储将其包含在所有图表中。这里的例子：

https://fred.stlouisfed.org/series/CAPB00004SQ

这是图表库 Highcharts 的一部分，相关部分可以在这里找到：

https://www.highcharts.com/docs/chart-concepts/navigator

基本上，我想在图表下方有一个区域，其中包含三个单独的部分。用户可以拉伸或操纵给定的段，这将影响上图中显示的数据。

我在我的其余项目中都使用了 chart.js，所以我不想在这里切换到 High Charts，但我想知道是否有人在 Chart.js 中实现了类似的任何东西，或者是否有人知道你如何可以构建一个允许这种行为的组件。

我最近继承了一个完全用HTML和CSS构建并使用FTP门户的网站.为了使网站更具移动友好性,我正试图在他们的网站上实现点击呼叫电话号码.我用来点击调用的代码是经典代码:

<a href="tel:#number">#number></a>

该站点有一个主CSS文档,它为其站点的各个元素提供格式.有一个.phonenumber类将电话号码设置为48px,使字体为arial,红色.目前所有的电话号码都是这样编码的:

<span class="phonenumber"> phone #</span>

但是,当我将手机#部分变成a时,这种格式消失了<a href=tel>.即使链接之间的<span>格式似乎也不适用.有没有办法使用CSS类格式化点击呼叫链接？或者手动设置属性,以便数字保留其红色,48px格式,同时仍充当链接？现在它似乎我可以将它作为链接或格式化.如果有解决方法,请告诉我.

在 React 中深入使用 Recharts，我觉得我快疯了！所有的教程和示例代码折线图都有这个漂亮整洁的动画，感觉线条是从右到左绘制的。但是，我已经设置好了，出于某种原因，动画的折线图上的线条从右侧浮动。我有以下行为的 gif：

我摆弄过动画选项（缓动、缓入、ETC）、持续时间、启用或禁用动画等。无论我做什么，它总是从右侧漂浮。

有一种方法可以让图表正确绘制自己 - 如果我将它放在高度为 0 的 div 中，然后手动将高度更改为 600px，那么动画将以预期的方式播放，否则我会得到奇怪的浮动右侧线。

如上所述，这是一个反应应用程序，我的折线图的渲染代码包含在下面。

render() {

  let linesToRender = [];
  for(let i = 0; i < this.props.driverNames.length; i++) {
    let lineColor;
    if(this.props.driverNames[i].current_score < 0) {
      lineColor = 'red'
    } else {
      lineColor = 'green'
    } 
    linesToRender.push(
      <Line animationDuration={5000} type='montone' dataKey= . {this.props.driverNames[i].display_name} stroke={lineColor} />
    )
    console.log(this.props.driverNames[i])
  }



return(
  <ResponsiveContainer width="100%" height="100%">
    <LineChart data={this.props.data} height={600} width={1000}>
      {linesToRender}
     <XAxis dataKey="date" padding={{left: 30, right: 30}}/>
     <YAxis/>
     <Tooltip/>
     <Legend />
    </LineChart>
  </ResponsiveContainer>
) …