JSFiddle

Mukesh Singh's public fiddles

  • Bubble Chart

    A bubble chart is a type of chart that displays three dimensions of data by position and size of the bullet. The main difference of bubble chart from serial chart is that both x and y axes are numeric - serial chart usually has one axis with strings or dates. <h2>Main features</h2> Our Bubble or XY chart is extremely powerful. Users can <a href="/demos/zoomable-bubble-chart/">zoom and scroll</a> the chart, it does support any number of value axes. We offer a number of predefined bullets - circle, rectangle, triangle, bubble, diamond or you can use custom images as bullets. Our bubble chart supports <a href="http://docs.amcharts.com/3/javascriptcharts/Guide">Guides</a> and <a href="http://docs.amcharts.com/3/javascriptcharts/TrendLine">Trend Lines</a>. With special bullet types <strong>xError</strong> and <strong>yError</strong> you can build <a href="/demos/xy-error-chart/">XY Error chart</a>.

  • Column and Line mix

    Our serial chart supports a lot of graph types: line, area, smoothed line, step, column, candlestick, OHLC. All these types can go together in one chart - line with columns, columns with smoothed lines and similar. The real difference of these graphs is one property - <strong>type</strong>, except candlestick and OHLC graphs, of course, as they require 4 data fields instead of one. <h2>Use dashed lines for forecasts</h2> It's quite common that a line or column outline changes to dashed line/outline for the date which is not available yet, but could be forecast. It's very easy to do this with our charts. You simply set <strong>dashLengthField</strong> for your graph and then set the dash length in your data, at a point where graph should become dashed.

  • 4qxfnL9e

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

  • L7edrqn6

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

  • 3D Donut Chart

    Donut chart is a simple pie chart with a hole inside. You can define the size of the hole both in pixels and percent.

  • 6nq3apwc

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

  • q04u84ce

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

  • 08bxpvsu

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