I can't get Open Flash Chart 2 to display some data, but it does display other data that is very close.
This is the working set of data here
{
"elements": [
{
"type": "line",
"values": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 12"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 13"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 14"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 15"
},
{
"type": "solid-dot",
"value": 5,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 16"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 17"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 18"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 19"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 20"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 21"
},
{
"type": "solid-dot",
"value": 2,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 22"
},
null
],
"colour": "#1C9E05",
"text": "domain.com",
"font-size": 12
}
],
"bg_colour": "#E6F2FA",
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"steps": 2,
"rotate": 270,
"colour": "#A2ACBA",
"labels": [
"September 22",
"September 23",
"September 24",
"September 25",
"September 26",
"September 27",
"September 28",
"September 29",
"September 30",
"October 1",
"October 2",
"October 3",
"October 4",
"October 5",
"October 6",
"October 7",
"October 8",
"October 9",
"October 10",
"October 11",
"October 12",
"October 13",
"October 14",
"October 15",
"October 16",
"October 17",
"October 18",
"October 19",
"October 20",
"October 21",
"October 22",
"October 23"
]
}
},
"y_axis": {
"min": 5,
"max": 0,
"steps": 5
}
}
This is the set of data that is not working:
{
"elements": [
{
"type": "line",
"values": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 12"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 13"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 14"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 15"
},
{
"type": "solid-dot",
"value": 5,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 16"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 17"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 18"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 19"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 20"
},
{
"type": "solid-dot",
"value": 4,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 21"
},
{
"type": "solid-dot",
"value": 2,
"dot-size": 3,
"halo-size": 1,
"colour": "#3D5C56",
"tip": "#val#
October 22"
}
],
"colour": "#1C9E05",
"text": "domain.com",
"font-size": 12
}
],
"bg_colour": "#E6F2FA",
"x_axis": {
"colour": "#A2ACBA",
"grid-colour": "#D7E4A3",
"offset": false,
"steps": 4,
"labels": {
"steps": 2,
"rotate": 270,
"colour": "#A2ACBA",
"labels": [
"September 22",
"September 23",
"September 24",
"September 25",
"September 26",
"September 27",
"September 28",
"September 29",
"September 30",
"October 1",
"October 2",
"October 3",
"October 4",
"October 5",
"October 6",
"October 7",
"October 8",
"October 9",
"October 10",
"October 11",
"October 12",
"October 13",
"October 14",
"October 15",
"October 16",
"October 17",
"October 18",
"October 19",
"October 20",
"October 21",
"October 22"
]
}
},
"y_axis": {
"min": 5,
"max": 0,
"steps": 5
}
}
And here are sreencaps of the charts with the data, first chart uses the first data(working), second chart uses the second data (not working) http://i.imgur.com/ZQKkU.png
I'm using the chart to display how a domain has performed on a search engine, the first chart should show how it performed from September 22nd to October 22nd and the second one from September 22nd to October 23rd. We only have data starting from 12th of October to 22nd October, that is why the other values are null.
As you can see in the second screencap, the data for 12th of October appears for some reason above the point of October 22 (x axis).
Could be an Open Flash Chart bug or am I doing something wrong?