amcharts Line with different bullet sizes
by jodinesjr
HTML
<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript"></script>
<div id="chartdiv" style="width: 100%; height: 362px; background-color:#161616"></div>
JavaScript
// note, we have townName field with a name specified for each datapoint and townName2 with only some of the names specified.
// we use townName2 to display town names next to the bullet. And as these names would overlap if displayed next to each bullet,
// we created this townName2 field and set only some of the names for this purpse.
var chartData = [{
date: new Date(2012, 0, 1),
distance: 227,
townName: "New York",
townName2: "New York",
townSize: 25,
latitude: 40.71,
duration: 408},
{
date: new Date(2012, 0, 2),
distance: 371,
townName: "Washington",
townSize: 14,
latitude: 38.89,
duration: 482},
{
date: new Date(2012, 0, 3),
distance: 433,
townName: "Wilmington",
townSize: 6,
latitude: 34.22,
duration: 562},
{
date: new Date(2012, 0, 4),
distance: 345,
townName: "Jacksonville",
townSize: 7,
latitude: 30.35,
duration: 379},
{
date: new Date(2012, 0, 5),
distance: 480,
townName: "Miami",
townName2: "Miami",
townSize: 10,
latitude: 25.83,
duration: 501},
{
date: new Date(2012, 0, 6),
distance: 386,
townName: "Tallahassee",
townSize: 7,
latitude: 30.46,
duration: 443},
{
date: new Date(2012, 0, 7),
distance: 348,
townName: "New Orleans",
townSize: 10,
latitude: 29.94,
duration: 405},
{
date: new Date(2012, 0, 8),
distance: 238,
townName: "Houston",
townName2: "Houston",
townSize: 16,
latitude: 29.76,
duration: 309},
{
date: new Date(2012, 0, 9),
distance: 218,
townName: "Dalas",
townSize: 17,
latitude: 32.80,
duration: 287},
{
date: new Date(2012, 0, 10),
distance: 349,
townName: "Oklahoma City",
townSize: 11,
latitude: 35.49,
duration: 485},
{
date: new Date(2012, 0, 11),
distance: 603,
townName: "Kansas City",
townSize: 10,
latitude: 39.10,
duration: 890},
{
date: new Date(2012, 0,...