0
A
回答
0
我试图与amcharts JS,它看起来像有可能(becoz这是我第一次amcharts小提琴),检查此琴fiddle link
var chartData = weekendGuides = [];
generateChartData();
//I given some static average value you can make it dynamic
var average_value;
function generateChartData() {
var average_a1 =0;
var graph_length = 200;
var firstDate = new Date();
firstDate.setDate(firstDate.getDate() - 200);
firstDate.setHours(0, 0, 0, 0);
for (var i = 0; i < graph_length; i++) {
var newDate = new Date(firstDate);
newDate.setDate(newDate.getDate() + i);
var a1 = Math.round(Math.random() * (40 + i)) + 100 + i;
var b1 = Math.round(Math.random() * (1000 + i)) + 500 + i * 2;
average_a1 = parseInt(average_a1) + parseInt(a1);
chartData.push({
"date": newDate,
"value": a1
});
// add weekend guide
if (6 == newDate.getDay()) {
var toDate = new Date(newDate);
toDate.setDate(newDate.getDate() + 2);
weekendGuides.push({
"date": newDate,
"toDate": toDate,
"lineAlpha": 0,
"fillAlpha": 0.05,
"fillColor": "#000",
"expand": true
});
}
}
average_value = average_a1/graph_length;
console.log(average_value);
}
var chart = AmCharts.makeChart("chartdiv", {
"type": "stock",
"dataSets": [ {
"title": "first data set",
"fieldMappings": [ {
"fromField": "value",
"toField": "value"
}, {
"fromField": "volume",
"toField": "volume"
} ],
"dataProvider": chartData,
"categoryField": "date"
} ],
"panels": [ {
"showCategoryAxis": false,
"title": "Value",
"percentHeight": 70,
"stockGraphs": [ {
"id": "g1",
"valueField": "value",
"comparable": true,
"compareField": "value",
"balloonText": "[[title]]:<b>[[value]]</b>",
"compareGraphBalloonText": "[[title]]:<b>[[value]]</b>"
} ],
"stockLegend": {
"periodValueTextComparing": "[[percents.value.close]]%",
"periodValueTextRegular": "[[value.close]]"
},
"categoryAxis": {
"guides": weekendGuides
},
"valueAxes": [ {
"guides": [ {
"value":average_value,
"lineAlpha": 100,
"lineColor": "#c00",
"label": "Guide #1",
"position": "right"
} ]
} ]
} ],
"chartScrollbarSettings": {
"graph": "g1"
},
"chartCursorSettings": {
"valueBalloonsEnabled": true,
"fullWidth": true,
"cursorAlpha": 0.1
},
"periodSelector": {
"position": "bottom",
"periods": [ {
"period": "MM",
"selected": true,
"count": 1,
"label": "1 month"
}, {
"period": "YYYY",
"count": 1,
"label": "1 year"
}, {
"period": "YTD",
"label": "YTD"
}, {
"period": "MAX",
"label": "MAX"
} ]
}
});
相关问题
- 1. 平均值js - 实时显示更新
- 2. django - 在模板中显示平均值
- 3. Highcharts使用addPlotLine显示平均值
- 4. 计算和显示平均值
- 5. Rails计算并显示平均值
- 6. Stripplot显示平均值+ sd [r]
- 7. 如何在一组类平均值中显示最大和最小平均值
- 8. 显示7个整数以及每个平均值距离平均值
- 9. SSRS 2008 R2图表 - 显示图表平均值和组平均值
- 10. 平均始终显示3
- 11. 最大平均值,最小平均值和平均值
- 12. 计算平均值的平均值
- 13. AMCharts在零值上显示条
- 14. 平均颜色图例不显示最大值或最小值
- 15. 取平均值
- 16. 从平均值
- 17. 平均QRgb值
- 18. 以平均值
- 19. AmCharts每周数据显示
- 20. amCharts无法显示数据?
- 21. 只会显示价格超过平均
- 22. 如何显示平均基于条件
- 23. Linux显示上周平均CPU负载
- 24. 指数平滑平均值
- 25. python-xarray:滚动平均值示例
- 26. Amcharts在平板电脑/ ipad中没有显示出来?
- 27. 积极创建一条垂直线来显示平均值
- 28. 在视图中显示ViewModel的平均值
- 29. 显示最小,最大,平均值和输入的数字
- 30. 在高图表中显示平均值为列
你能不甘示弱,什么样的代码都试过! – nisar
其实我没有任何代码,但我GOOGLE了很多,没有找到任何东西 – gigapico00