Tam's public fiddles
-
2 graphs column chart with images on top
Our charts do support custom bullets, this means you can have them on column chart too. It's quite often scenario that a company logo or some other image is to be placed above the column - check this example, it's quite easy to do.
-
Custom images on value axis
No-Library (pure JS), HTML, CSS, JavaScript
-
2 graphs column chart with images on top
Our charts do support custom bullets, this means you can have them on column chart too. It's quite often scenario that a company logo or some other image is to be placed above the column - check this example, it's quite easy to do.
-
PR Pie chart sample
No-Library (pure JS), HTML, CSS, JavaScript
-
simple calculate period
No-Library (pure JS), HTML, CSS, JavaScript
-
amcharts - format value axis
No-Library (pure JS), HTML, CSS, JavaScript
-
Column chart with images on top
Our charts do support custom bullets, this means you can have them on column chart too. It's quite often scenario that a company logo or some other image is to be placed above the column - check this example, it's quite easy to do.
-
HTML form to JSON
No-Library (pure JS), HTML, CSS, JavaScript
-
Simple Column Chart
If you take a close look at this chart, you will notice that grid lines are above the columns - equally dividing them into segments. This is an optional feature, of course. It allows you creating the charts close to the ones described by famous data visualization guru, <a href="http://www.edwardtufte.com/">Edward Tufte</a>, in his book "The Visual Display of Quantitative Information". <h2>From columns to bars - one simple step</h2> Click EDIT button on top of the chart, and add this text to the source (anywhere within curly brackets): <strong>"rotate":true,</strong>. Run the script and... The columns should became bars, category axis should be vertical now and value axis - horizontal! This is the only property you change to make this trick. All our Serial charts can be rotated in the same way.
-
Simple Column Chart
If you take a close look at this chart, you will notice that grid lines are above the columns - equally dividing them into segments. This is an optional feature, of course. It allows you creating the charts close to the ones described by famous data visualization guru, <a href="http://www.edwardtufte.com/">Edward Tufte</a>, in his book "The Visual Display of Quantitative Information". <h2>From columns to bars - one simple step</h2> Click EDIT button on top of the chart, and add this text to the source (anywhere within curly brackets): <strong>"rotate":true,</strong>. Run the script and... The columns should became bars, category axis should be vertical now and value axis - horizontal! This is the only property you change to make this trick. All our Serial charts can be rotated in the same way.
-
100% Stacked Column Chart
You might noticed that data labels of smallest columns are not displayed. This is done automatically - chart checks if there is enough space for the label and does not display it if it's not. <h2>Hiding graphs with a legend</h2> The legend of the chart has a build-in feature (you can disable it, of course), which allows hiding graphs. Simply click on any legend entry and the chart will be redrawn, but without the graph you just clicked on. This is especially handy feature if you have a lot of graphs on your chart. To show this graph again, just click on the marker one more time.