react-sparklinesはstartSpotを削除します

alexfrize

'react-sparklines'を使用して、(最初の例のように)開始スポットを削除するだけでなく、スポットの色も変更したいと思います。

ここに画像の説明を入力してください

これがデモです:https//codesandbox.io/s/2v7kkn19ky

ソースコードによると:https//github.com/borisyankov/react-sparklines/blob/master/src/SparklinesSpots.js#L48

スタイルを指定すると、startSpotが表示されます。

スタイルの指定とstartSpotの削除を同時に行うにはどうすればよいですか?

マルゼリン

の色は、ない場合endSpotspotColors小道具によって制御されるstyleため、カスタマイズに使用できます。

  <Sparklines data={sparklineData} limit={20}>
    <SparklinesLine style={{ stroke: "#e18937", fill: "none" }} />
    <SparklinesSpots
      spotColors={{
        "-1": "red",
        "0": "black",
        "1": "#e18937"
      }}
      size={2.5}
    />
  </Sparklines>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

React Native BottomTabNavigatorは空白を削除します

分類Dev

RerenderはReactのデータを削除します

分類Dev

react.jsのDOMを削除します。

分類Dev

React Jest、Enzymeは受信した部分を削除または非表示にします

分類Dev

Reactはどのようにして非同期動作を削除しますか?

分類Dev

react-leafletを使用してレイヤーを追加または削除する方法

分類Dev

Reactはインポートからドットを削除します

分類Dev

React-Nativeは配列からオブジェクトを削除します

分類Dev

React-Nativeタブバー:水平線を削除します(React Native UI Kitten + React Navigation)

分類Dev

reactを使用して配列から要素を削除します

分類Dev

React.jsテーブル:行の削除ボタンは、誤った行を視覚的に削除します

分類Dev

別の要素をクリックした場合は、reactでクラスを削除します

分類Dev

react-native-code-pushは非推奨の「rnpm」を使用します警告を削除する方法

分類Dev

keyCodeは 'undefined'(react)を返します

分類Dev

React useContext()は未定義を返します

分類Dev

React-NativeFlatListはSyntaxErrorを生成します

分類Dev

JSON.stringifyは "" Reactを返します

分類Dev

React Native:ListViewからアイテムを削除します

分類Dev

React-Router-実行時にルートを追加/削除します

分類Dev

react-sortable-treeのノードを削除します

分類Dev

React.jsでリスナーを削除します

分類Dev

配列Reactからオブジェクトを削除します

分類Dev

TextInputの下線React-Nativeを削除します

分類Dev

react-boilerplateからサーバーを削除します

分類Dev

Reactの条件に応じて%記号を削除します

分類Dev

reactの状態リストから要素を削除します

分類Dev

Reactでボディからマージンを削除します

分類Dev

ReactプロジェクトからESLintを削除します

分類Dev

JSON配列Reactから角かっこを削除します

Related 関連記事

  1. 1

    React Native BottomTabNavigatorは空白を削除します

  2. 2

    RerenderはReactのデータを削除します

  3. 3

    react.jsのDOMを削除します。

  4. 4

    React Jest、Enzymeは受信した部分を削除または非表示にします

  5. 5

    Reactはどのようにして非同期動作を削除しますか?

  6. 6

    react-leafletを使用してレイヤーを追加または削除する方法

  7. 7

    Reactはインポートからドットを削除します

  8. 8

    React-Nativeは配列からオブジェクトを削除します

  9. 9

    React-Nativeタブバー:水平線を削除します(React Native UI Kitten + React Navigation)

  10. 10

    reactを使用して配列から要素を削除します

  11. 11

    React.jsテーブル:行の削除ボタンは、誤った行を視覚的に削除します

  12. 12

    別の要素をクリックした場合は、reactでクラスを削除します

  13. 13

    react-native-code-pushは非推奨の「rnpm」を使用します警告を削除する方法

  14. 14

    keyCodeは 'undefined'(react)を返します

  15. 15

    React useContext()は未定義を返します

  16. 16

    React-NativeFlatListはSyntaxErrorを生成します

  17. 17

    JSON.stringifyは "" Reactを返します

  18. 18

    React Native:ListViewからアイテムを削除します

  19. 19

    React-Router-実行時にルートを追加/削除します

  20. 20

    react-sortable-treeのノードを削除します

  21. 21

    React.jsでリスナーを削除します

  22. 22

    配列Reactからオブジェクトを削除します

  23. 23

    TextInputの下線React-Nativeを削除します

  24. 24

    react-boilerplateからサーバーを削除します

  25. 25

    Reactの条件に応じて%記号を削除します

  26. 26

    reactの状態リストから要素を削除します

  27. 27

    Reactでボディからマージンを削除します

  28. 28

    ReactプロジェクトからESLintを削除します

  29. 29

    JSON配列Reactから角かっこを削除します

ホットタグ

アーカイブ