added chart js
This commit is contained in:
@@ -9,8 +9,9 @@ function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<h3>Самые высокие здания и сооружения</h3>
|
||||
<Chart />
|
||||
<Table data={ buildings } amountRows="15" />
|
||||
<Task/>
|
||||
{/* <Task/> */}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
32
labs/lab5/src/components/Chart.jsx
Normal file
32
labs/lab5/src/components/Chart.jsx
Normal file
@@ -0,0 +1,32 @@
|
||||
const Chart = (props) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
<h4>Визуализация</h4>
|
||||
<form>
|
||||
<p> Значение по оси OX: </p>
|
||||
<div>
|
||||
<input type="radio" name="ox" value="Страна" />
|
||||
Страна
|
||||
<br/>
|
||||
<input type="radio" name="ox" value="Год" />
|
||||
Год
|
||||
</div>
|
||||
|
||||
<p> Значение по оси OY </p>
|
||||
<div>
|
||||
<input type="checkbox" name="oy" />
|
||||
Максимальная высота <br/>
|
||||
<input type="checkbox" name="oy" />
|
||||
Минимальная высота
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<button type="submit">Построить </button>
|
||||
</p>
|
||||
</form>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Chart;
|
||||
Reference in New Issue
Block a user