Как да направите графиката - HTML Laboratory

Графика - графично представяне на данни геометрични форми (редове, колони, сектори и т.н.), позволява бързо сравнение на стойностите на съотношението. HTML е създаден на стълбовидна хоризонтално или вертикално. Ако използвате SVG-графики, можете да постигнете невероятни графики и диаграми за представяне, както в d3.js.

Курсовете често поставя въпроса за създаването на опростена колонен HTML и CSS означава графиката. За такъв график е необходимо контейнер, като му предостави класа и отделните елементи .graph колони, нека тя да бъде по-DIV елемент с клас .item.

Как да си направим класация на хоризонталата

За хоризонтални графики необходими минимум усилия. т - заемат 100% от ширината на .graph, а след това е достатъчно да се определи ширината на всяка колона, цвета на фона и текста вътре, тъй като проблемът е разрешен. Цветът на фона може да бъде взето в стиловете е HTML-елемент, в една и съща височина точка (т.е. дебелина на колоната, тя е на всички еднакви колони), но ширината е винаги предписва вътре.

Как да си направим класация на вертикалата

За вертикална лента графика трябва да се прилагат допълнителни CSS имоти. Може да има различни варианти на оформление, но най-приемливи присъединителни .item дисплей свойства видян скорост: вграден блок. В този случай, ширината ще трябва да направи същото и да бъдат избирани в преписката по стил, или главата, а височината всяка точка на времето за определена колона.