gpt4 book ai didi

javascript - 从 Zingchart 中删除 x 轴和 y 轴

转载 作者:搜寻专家 更新时间:2023-11-01 05:22:03 25 4
gpt4 key购买 nike

我想完全删除而不是隐藏 Zingcharts 中的 x 和 y 轴。我有一个不需要 x 或 y 轴的图表,虽然我可以隐藏它们,但它们占用了宝贵的空间,从而导致图表压缩。有办法做到这一点吗?

最佳答案

听起来您可能将比例设置为 visible: false,但图表周围仍然有很多空间用于这些项目。

您可以通过将项目设置为 visible:false、将关联的线条颜色属性设置为“无”并添加:

来消除此空间

“plotarea”:{
“ margin ”:“0 0”
}

到您的 JSON。下面是使用上述方法删除此间距的示例。单击“运行代码片段”按钮以查看生成的图表。

var myConfig = {
"type": "line",
"scale-x":{
"line-color":"none",
"item":{
"visible":false
},
"tick":{
"line-color":"none"
}
},
"scale-y":{
"line-color":"none",
"item":{
"visible":false
},
"tick":{
"line-color":"none"
}
},
"plotarea":{
"margin":"0 0"
},
"series": [
{
"values":[20,40,25,50,15,45,33,34]
},
{
"values":[5,30,21,18,59,50,28,33]
},
{
"values":[30,5,18,21,33,41,29,15]
},
]
};

zingchart.render({
id : 'myChart',
data : myConfig,
height: 400,
width: 600
});
<html>
<head>
<!--Assets will be injected here on compile. Use the assets button above-->
<script src= 'https://cdn.zingchart.com/2.1.2/zingchart.min.js'></script>
<script> zingchart.MODULESDIR = 'https://cdn.zingchart.com/2.1.2/modules/';</script>

<!--Inject End-->
</head>
<body>
<div id='myChart'></div>
</body>
</html>

如果您将比例设置为 visible:false,可能会产生一些问题。相反,调整样式以使它们根本不可见可以防止与其他功能发生冲突。我是 ZingChart 团队的一员,如果这能回答您的问题或您是否需要进一步的说明,请告诉我。

关于javascript - 从 Zingchart 中删除 x 轴和 y 轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31953177/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com