JSFiddle

jorge alberto 's public fiddles

  • vw9L4xv2

    No-Library (pure JS), HTML, CSS, JavaScript

  • 8mqwd16q

    No-Library (pure JS), HTML, CSS, JavaScript

  • wLg762Lv

    No-Library (pure JS), HTML, CSS, JavaScript

  • su8wwctx

    Mootools 1.4.5, HTML, CSS, JavaScript

  • 5d0yqtmk

    Mootools 1.4.5, HTML, CSS, JavaScript

  • 3D Column Chart

    Columns and bars in our charts can have a 3D look. You can adjust depth and angle to make them more deep - click EDIT button and play with <strong>depth3D</strong> and <strong>angle</strong> properties. <h2>Hidden Chart Cursor adds a better user experience</h2> If you check the source of this sample, you will notice that it has a <a href="http://docs.amcharts.com/3/javascriptcharts/ChartCursor">ChartCursor</a> added. Although it is invisible and zooming is disabled (as we don't need to zoom this chart). We added it for another reason - when you move the mouse over the plot area, the balloon is displayed next to the most close column, even if you are not hovering directly over it. This makes it easier for your users to check real value of the column. We especially recommend using this trick with line graphs - without cursor, you would need to roll-over relatively small bullet to see the balloon, and with cursor you just move the mouse over plot area.

  • 3D Column Chart

    Columns and bars in our charts can have a 3D look. You can adjust depth and angle to make them more deep - click EDIT button and play with <strong>depth3D</strong> and <strong>angle</strong> properties. <h2>Hidden Chart Cursor adds a better user experience</h2> If you check the source of this sample, you will notice that it has a <a href="http://docs.amcharts.com/3/javascriptcharts/ChartCursor">ChartCursor</a> added. Although it is invisible and zooming is disabled (as we don't need to zoom this chart). We added it for another reason - when you move the mouse over the plot area, the balloon is displayed next to the most close column, even if you are not hovering directly over it. This makes it easier for your users to check real value of the column. We especially recommend using this trick with line graphs - without cursor, you would need to roll-over relatively small bullet to see the balloon, and with cursor you just move the mouse over plot area.

  • 3D Funnel chart

    Funnel chart can have 3D look. To achieve this, you should set <strong>depth3D</strong> and <strong>angle</strong> properties to some bigger than 0 values. Note, if you do this <strong>neckHeight</strong> will automatically become 0 (neck won't be displayed).

  • 3D Stacked Column Chart

    3D stacked columns are placed one behind another instead of placing them one on top of another (regular stacking or 100% stacking). This kind of stacking is limited to column graphs only, as only these graphs do support 3D look. You can stack more than two graphs, just remember to put the graphs with the highest values to the back, as otherwise thy will hide the graphs with smaller values.

  • Online Document Viewer

    Online Document Viewer

  • Column With Rotated Series

    As you might have a lot of series on the axis, labels can be rotated so that they would all fit. You can rotate them by any degree you want. In case you don't want rotated labels, they can wrap or some of the labels might be omitted. <h2>Animated columns</h2> The columns can be animated, we offer several animation effects to choose. Animation can be sequenced (one column appears after another) or they can all grow together. Besides the height, opacity can also be animated - the columns can fade-in.

  • Reversed Value Axis

    Values on value axis can be reversed - the smallest value will be on top and the biggest - in the bottom. This is mostly used to show the positions of sport events and similar. <h2>Smart legend markers</h2> Instead of displaying rectangle or some other shape, the legend can automatically create legend marker which would repeat the graph style - use it's line color/thickness and bullet style.

  • Mouse clicker thingy

    Click to drop circles!

  • jQuery MsgBox Demo

    Firefox-style alert box

  • ejemplo switch con function

    No-Library (pure JS), HTML, CSS, JavaScript

  • Demo grafica ed

    Esta demo muestra el detalle por cada usuario

  • Mascaras en moneda

    Mascaras en moneda