Publicado em 3 de mai.

Gráfico em css ou jquery

Boa noite pessoal.

Será que é possível criar uma gráfico assim com jquery, html ou css?

Na verdade, acho que o problema seria criar as setas.

Se alguém já fez algo do tipo e puder dar uma luz, eu agradeço.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Vitor Leite· 5 de mai.

Possível é. Mas você gostaria de Que? Um gráfico dinâmico?

Por que se for estático é até bem simples de fazer.

(As setas você pode recortar apenas a "cabeça": a parte que aponta delas. E o restante da linha pode ser feita com uma imagem repetida várias vezes.)

Maujor· 6 de mai.

@Rogerio Pancini

Para construir setas com CSS puro consulte essa Pen que eu criei.

Código a seguir:

HTML:

<div></div>

	 CSS:

div {

 position: relative;
 width: 100px;
 border-top: 1px solid black;
}

div:before {

 content: '\27a4';
 color: black;
 position: absolute;
 right: 0;
 width: 1px;
 line-height: 0;
}