Chart example testchart.cfm
<cfscript>
background={};
background={"color":"red","color-2":"white"};
legend={"background-color":"pink","vertical-align":"bottom","layout":"horizontal","align" :"center"};
yAxis={"label":{"text":"Some value","color":"red","font-size":"20px"}};
xAxis={"item":{"font-angle":45}};
plot={"value-box":{
"type":"all",
"text":"%v",
"text-align":"center",
"alpha":0.5,
"placement":"top-in",
"font-color":"black",
"font-weight":"bold",
"font-family":"arial",
"font-size":"15px",
"background-color":"none",
"background-color-2":"none",
"border-color":"none",
"border-width":1}};
</cfscript>
<cfchart
format="html"
scalefrom="0"
scaleto="2000000"
showLegend="yes"
legend="#legend#"
seriesPlacement="stacked"
showMarkers="yes"
yAxis="#yAxis#"
xAxis="#xAxis#"
chartheight="400"
plot="#plot#"
chartwidth="600"
background="#background#" >
<cfchartseries
type="bar"
serieslabel="Website Traffic 2016"
seriescolor="lime">
<cfchartdata item="January" value="503100" >
<cfchartdata item="February" value="720310">
<cfchartdata item="March" value="688700">
<cfchartdata item="April" value="986500">
<cfchartdata item="May" value="1063911">
<cfchartdata item="June" value="1115321">
</cfchartseries>
<cfchartseries
type="bar"
serieslabel="Website Traffic 2015"
seriescolor="yellow">
<cfchartdata item="January" value="#RandRange(300000, 900000)#">
<cfchartdata item="February" value="#RandRange(300000, 900000)#">
<cfchartdata item="March" value="#RandRange(300000, 900000)#">
<cfchartdata item="April" value="#RandRange(300000, 900000)#">
<cfchartdata item="May" value="#RandRange(300000, 900000)#">
<cfchartdata item="June" value="#RandRange(300000, 900000)#">
</cfchartseries>
</cfchart>
</html>
Works in Chrome
but not in IE. In IE (all versions)
Does anyone know why this may be happening?