React plotly: установите цвет для графика ползунка диапазона, который отличается от основного графика - PullRequest
Новая
       6

React plotly: установите цвет для графика ползунка диапазона, который отличается от основного графика

0 голосов
/ 09 июля 2020

Я реализовал график ползунка диапазона временных рядов, как в приведенном ниже коде. Мне нужно установить цвета для графиков в ползунке диапазона, отличные от основного графика. В настоящее время основной график и график ползунка диапазона имеют одинаковый цвет. Может ли кто-нибудь помочь мне, объяснив, как это сделать. 

  return (
    <Plot
      data={[
        {
          x: x,
          y: y,
          mode: 'lines',
          name: 'recall'
        }, {
          x: x,
          y: y2,
          mode: 'lines',
          name: '% of tests suggested',
          yaxis: 'y2',
        }
      ]}
      layout={{
        title: 'Date vs recall & percentage of tests ',
        autosize: true,
        xaxis: {
          rangeselector: selectorOptions,
          rangeslider: {visible:true},
        },
        yaxis: {
          title: 'recall',
          fixedrange: true
        },
        yaxis2: {
          title: '% of tests suggested',
          titlefont: {color: 'rgb(148, 103, 189)'},
          tickfont: {color: 'rgb(148, 103, 189)'},
          overlaying: 'y',
          side: 'right',
          fixedrange: true
        },
        margin: {
          l: 40,
          r: 40,
          b: 0,
          t: 0,
          pad: 4
        },
        legend: {"orientation": "h"},
      }}
      useResizeHandler={true}
      style={{
          width: "100%", 
          height: "100%"
      }}
      showSendToCloud={true}
    />
  );
...