Charts 打开flash图表:如何显示投影数据
我正在使用open flash chart在我的页面中显示图表。我正在使用下面的代码在我的页面中显示折线图数据Charts 打开flash图表:如何显示投影数据,charts,open-flash-chart,Charts,Open Flash Chart,我正在使用open flash chart在我的页面中显示图表。我正在使用下面的代码在我的页面中显示折线图数据 <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("open-flash-chart.swf", "my_chart", "530", "250","9.0.0", "exp
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "530", "250","9.0.0", "expressInstall.swf",
{"data-file":"data.json"}
);
</script>
embedSWF(“openflashchart.swf”、“my_chart”、“530”、“250”、“9.0.0”、“expressInstall.swf”,
{“数据文件”:“data.json”}
);
我的json文件如下
{
"y_legend":{
"text": "Price US$",
"style": "{color: #53B9AA;font-size:20; }"
},
"elements":[
{
"type": "line",
"colour": "#53B9AA",
"bg_colour": "#E58A25",
"background-color":"#53B9AA",
"inner_background": "#E58A25",
"text": "Price History",
"font-size": 19,
"width": 1,
"dot-style": {
"type":"solid-dot", "colour":"#F57F22", "dot-size": 3,
"tip":"Average price: #val#<br>#x_label#" },
"on-show": {"type": "shrink-in", "cascade":1, "delay":0.7},
"values" : [
5,7,10,12,13,{"value":11,"colour":"#53B9AA","tip":"Average price : #val#<br>#x_label#"},
10,9,8,7,6]
}
],
"x_axis":{
"colour": "#7CC8B5",
"text": "Price US$",
"labels": {
"rotate": "vertical",
"labels":["Jan-09","Feb-09","Mar-09",
"Apr-09","May-09","Jun-09",
"Jul-09","Aug-09","Sep-09",
"Oct-09","Nov-09","Dec-09",
"Jan-10","Feb-10","Mar-10"]
}
},
"y_axis":{
"stroke": 4,
"tick-length": 10,
"colour": "#7CC8B5",
"grid-colour": "#ADB5C7",
"grid-visible": true,
"offset": false,
"min": 5,
"max": 20,
"visible": true,
"steps": 5
}
}
{
“YU传奇”:{
“文本”:“价格美元”,
“样式:”{颜色:#53B9AA;字体大小:20;}”
},
“要素”:[
{
“类型”:“行”,
“颜色”:“53B9AA”,
“背景颜色”:“E58A25”,
“背景色”:“53B9AA”,
“内部背景”:“E58A25”,
“文本”:“价格历史记录”,
“字体大小”:19,
“宽度”:1,
“点样式”:{
“类型”:“实心圆点”,“颜色”:“F57F22”,“圆点大小”:3,
“提示”:“平均价格:#val#
#x#u标签#”,
“在节目中”:{“类型”:“收缩”,“级联”:1,“延迟”:0.7},
“价值观”:[
5,7,10,12,13,{“价值”:11,“颜色”:“#53B9AA”,“小费”:“平均价格:#val#
#x#u标签#”},
10,9,8,7,6]
}
],
“x_轴”:{
“颜色”:“7CC8B5”,
“文本”:“价格美元”,
“标签”:{
“旋转”:“垂直”,
“标签”:[“2009年1月”、“2009年2月”、“2009年3月”,
“2009年4月”、“2009年5月”、“2009年6月”,
“2009年7月”、“2009年8月”、“2009年9月”,
“09年10月”、“09年11月”、“09年12月”,
“1月10日”、“2月10日”、“3月10日”]
}
},
“y_轴”:{
"笔触":4,,
“刻度长度”:10,
“颜色”:“7CC8B5”,
“网格颜色”:“ADB5C7”,
“网格可见”:正确,
“偏移”:假,
“min”:5,
“最大”:20,
“可见”:真实,
“步骤”:5
}
}
图表在我的浏览器中呈现得非常好。现在我想在图表中添加更多数据。基本上,我的图表显示的是过去几个月的平均销售额。我还想显示预测/预测/未来数据。我可以将该数据传递到jSON文件。我希望未来数据在图表中使用不同的颜色。我想显示图表顶部也有图例,以指示哪一个是当前数据,哪一个是未来数据
提前感谢。解决方案是对当前数据和预测数据使用不同的行 您可以将多条直线添加到一个图表中,但这可能不适合您的目的,因为(目前至少如此),直线图表需要具有整个x轴范围的数据,并且任何空值都会被插值 一个选项是使用从的修补版本,设置并使用空数据值填充行位置 选项是使用flash对象的正常版本,并使用散点图,如本例所示: