```js import { ChartCanvas, Chart, series } from "react-stockcharts"; const { LineSeries, ScatterSeries, CircleMarker, SquareMarker, TriangleMarker } = series; ``` ```jsx d.AAPLClose} stroke="#ff7f0e" strokeDasharray="Dot" /> d.AAPLClose} marker={SquareMarker} markerProps={{ width: 6, stroke: "#ff7f0e", fill: "#ff7f0e" }} /> d.GEClose} stroke="#2ca02c" /> d.GEClose} marker={TriangleMarker} markerProps={{ width: 8, stroke: "#2ca02c", fill: "#2ca02c" }} /> d.close} strokeDasharray="LongDash" /> d.close} marker={CircleMarker} markerProps={{ r: 3 }} /> ``` [source](https://github.com/rrag/react-stockcharts/blob/master/docs/lib/charts/LineAndScatterChart.js), [codesandbox](https://codesandbox.io/s/github/rrag/react-stockcharts-examples2/tree/master/examples/LineAndScatterChart) ### Props | props | type | default | Description | |------------------|:--------------|:----------|:-------------| | className | string | "line" | | strokeWidth | number | 1 | | stroke | string | "#4682B4" | | strokeDasharray | string | "Solid" | | hoverStrokeWidth | number | 4 | | fill | string | "none" | | hoverTolerance | number | 6 | | highlightOnHover | boolean | false | | connectNulls | boolean | false | Whether to connect a graph line across null points. | yAccessor | function | | | onClick | function | | | onDoubleClick | function | | | onContextMenu | function | | | defined | function | | #### strokeDasharray possible values