added chart js
This commit is contained in:
@@ -9,8 +9,9 @@ function App() {
|
|||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<h3>Самые высокие здания и сооружения</h3>
|
<h3>Самые высокие здания и сооружения</h3>
|
||||||
|
<Chart />
|
||||||
<Table data={ buildings } amountRows="15" />
|
<Table data={ buildings } amountRows="15" />
|
||||||
<Task/>
|
{/* <Task/> */}
|
||||||
</div>
|
</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