我应该使用什么库来创建图像中的图表?对不起,我发布这里,但我不知道在哪里发布。 如何创建此类图表?我应该使用什么库?
-3
A
回答
1
我认为没有必要包括和学习一个大的lib。
我告诉你用帆布一点点PROTOTYP,从此建立一个功能:
var arcPos = degree => Math.PI*2/360*degree,
calcLength = percent => 300 * (percent/100),
percent =75,
color = '#00f',
oldValue = 73,
vz='',
canvas = document.getElementById('myCanvas'),
context = canvas.getContext('2d'),
radius = 70;
with (context){
beginPath();
arc(canvas.width/2, canvas.height/2, radius,
arcPos(120),arcPos(60), false);
lineWidth = 15;
strokeStyle = '#ddd';
lineCap = "round"
stroke();
beginPath();
arc(canvas.width/2, canvas.height/2, radius, arcPos(120),
arcPos(calcLength(percent) + 120), false);
strokeStyle = color;
stroke();
font = "normal bold 50px sans-serif";
textAlign = 'center';
fillText(percent, 100, 100);
font = "normal bold 16px sans-serif";
textAlign = 'center';
vz=((percent - oldValue) > 0)?'+':'';
fillText(oldValue + ' (' + vz + (percent - oldValue) + '%)', 100, 130);
if ((percent - oldValue) > 0) {
beginPath();
lineWidth = 3;
strokeStyle = '#f00';
moveTo(100, 165);lineTo(100, 145);stroke();
beginPath();moveTo(100, 145);lineTo(105, 150);stroke();
moveTo(100, 145);lineTo(95, 150);stroke();
}
if ((percent - oldValue) < 0) {
beginPath();
lineWidth = 3;
strokeStyle = '#f00';
moveTo(100, 165);lineTo(100, 145);stroke();
beginPath();moveTo(100, 165);lineTo(105, 160);context.stroke();
moveTo(100, 165);lineTo(95, 160);stroke();
}
}
这一套属性oldValue 73玩...
+0
谢谢!这是我第一次使用图表 – Nodos
1
结帐角度chart.js。我认为“甜甜圈图表”接近上图。 http://jtblin.github.io/angular-chart.js/
1
相关问题
- 1. 我应该使用什么图表工具在php中创建图表?
- 2. 我应该使用什么语言来创建跨平台库?
- 3. 我应该使用什么JavaScript库?
- 4. 我应该使用什么作为此表的主键?
- 5. 我应该使用什么类来创建Qt的绘画应用程序?
- 6. 我应该使用什么URL来创建我的simpleDB域?
- 7. 我应该创建类还是创建?
- 8. 我应该创建此访问器吗?
- 9. 我应该为此创建索引吗?
- 10. 我应该让用户在数据库中创建表还是创建视图?
- 11. 为什么我应该在Xamarin中使用可移植类库?
- 12. 我应该使用什么类型的数据库复制?
- 13. 我应该使用什么类型的数据库?
- 14. 我应该使用什么程序来创建网页?
- 15. 我应该使用什么来创建Windows GUI?
- 16. 为什么我应该创建View类的实例?
- 17. 我应该使用什么类型的数据建模?
- 18. 如何用ZingChart创建此图表
- 19. 我应该使用什么通信技术来创建我的应用程序?
- 20. 我应该在linux下使用什么库来生成热图?
- 21. 我应该如何使用UIPinchGestureRecognizer缩放此地图图片?
- 22. 我应该使用什么类来创建http和https请求和连接 - iOs
- 23. 我应该使用什么API和类在c#中创建下载管理器?
- 24. 为什么我无法在Excel中创建此图表(使用PowerShell)
- 25. 我们什么时候应该在wit.ai创建新的意图
- 26. Android:我应该使用什么类型的意图过滤器
- 27. 我应该使用C#保存图像的类型是什么?
- 28. OAuth:为什么我应该在Facebook上创建应用程序?
- 29. 什么模式,我应该用我创建上传文件
- 30. 我应该使用什么来创建这种产品图像功能?
为什么不浏览到图表您添加的标签或相关标签,或者[搜索SO](http://stackoverflow.com/search?q=charts+library) – yezzz
[JavaScript Chart Library]的可能重复(http://stackoverflow.com/questions/119969/javascript-chart-library) – yezzz