嘿,我有一个 json 文件,如图所示 (1) 我想使用 javascript(任何库)创建一个像这样的图表(第二张图片)我该怎么做?我想要一个代码简单的例子
最佳答案
ZingChart也适用于此用例。这是一个例子:
var myConfig = {
type: "bar",
"scale-x":{
"values":[
"ahbass marrakech",
"massira 1 marrakech",
"rue laayoune marrakech"
]
},
series : [
{
values : [2,1,1]
}
]
};
zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<!DOCTYPE html>
<html>
<head>
<!--Assets will be injected here on compile. Use the assets button above-->
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
<script> zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9","ee6b7db5b51705a13dc2339db3edaf6d"];</script>
<!--Inject End-->
</head>
<body>
<div id='myChart'></div>
</body>
</html>
此外,您可能会发现这个 comparison of JavaScript charting frameworks在考虑您的选择时很有帮助。
完全披露:我是 ZingChart 团队的一员。如果您对快速演示有任何疑问,请告诉我。
关于javascript - 使用 Javascript 从 Json 数据创建图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37899293/