0 Llamaradas 0 Llamaradas ×



Este es un indicador de plugin para WordPress, para crear maravillosamente animada indicadores o barras de progreso con un diseño circular. Un conjunto de 23 atributos de código están disponibles para personalizar el medidor de. Cada indicador se representa como un elemento separado de SVG y puede insertar múltiples indicadores en la misma página.

Estos son los atributos de código disponibles para personalizar un medidor de (valores entre paréntesis):

  • valor (50): El valor actual del indicador.
  • Ancho (200PX): La anchura de la galga.
  • altura (200PX): La altura del manómetro.
  • MinValue (0): El valor mínimo del indicador de.
  • MaxValue (100): El valor máximo de calibre.
  • circlethickness (0.05): El espesor del círculo exterior como porcentaje de su radio.
  • circlefillgap (0.05): El tamaño de la brecha entre el círculo exterior y el círculo de onda como un porcentaje del radio exterior círculos.
  • circlecolor (#178BCA): El color del círculo externo.
  • waveHeight (0.05): La altura de la ola como un porcentaje del radio del círculo de la onda.
  • wavecount (1): El número de ondas completos por ancho del círculo de la onda.
  • waverisetime (1000): La cantidad de tiempo en milisegundos para la onda de 0 que es la altura final.
  • waveanimatetime (1000): La cantidad de tiempo en milisegundos para una onda completa entrar en el círculo de onda.
  • waverise (true): Control si la ola se eleva de 0 que es de altura completa, o en la altura completa.
  • waveheightscaling (true): Controles tamaño de onda escalar en porcentajes de llenado baja y alta. Cuando cierto, alcanza altura de ola es máxima en 50% relleno, y mínimo en 0% y 100% relleno. Este ayuda a evitar que la onda de hacer el círculo de la onda de aparece totalmente lleno o vacío cuando cerca de su mínimo o máximo.
  • waveanimate (true): Controles si la onda se desplaza o es estática.
  • waveColor (#178BCA): El color de la onda de llenado.
  • waveoffset (0): La cantidad a compensar inicialmente la onda. 0 no = compensación. 1 = desplazamiento de una onda completa.
  • textvertposition (0.5): La altura a la que quieras el dentro del texto de porcentaje del círculo de onda. 0 = parte inferior, 1 = superior.
  • TEXTSIZE (1): La altura relativa del texto a mostrar en el círculo de onda. 1 = 50%
  • valuecountup (true): Si es cierto, el valor se contabiliza desde 0 que es valor final sobre carga. Si es falso, se muestra el valor final.
  • displaypercent (true): Si es cierto, un % se visualiza el símbolo después del valor.
  • TextColor (#045681): El color del texto de valor cuando la onda de no superpone lo.
  • wavetextcolor (#A4DBf8): El color del texto de valor cuando la onda superpone a lo.

Aquí es un código totalmente funcional con todos los atributos disponibles:

[valor de liquidgauge =”53” ancho =”200PX” altura =”200PX” MinValue =”0” MaxValue =”100” circlethickness =”0.05” circlefillgap =”0.05” circlecolor =”#178BCA” waveHeight =”0.05” wavecount =”1” waverisetime =”1000” waveanimatetime =”1000” waverise =”true” waveheightscaling =”true” waveanimate =”true” waveColor =”#178BCA” waveoffset =”0” textvertposition =”0.5” TEXTSIZE =”1” valuecountup =”true” displaypercent =”true” TextColor =”#045681” wavetextcolor =”#A4DBf8”]

0 Llamaradas Twitter 0 Facebook 0 Google 0 PIN comparte 0 LinkedIn 0 Correo electrónico -- 0 Llamaradas ×

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *