从 Zingchart 中移除 x 轴和 y 轴答案

【问题标题】：Remove x-axis and y-axis from Zingchart从 Zingchart 中移除 x 轴和 y 轴
【发布时间】：2015-08-11 22:36:16
【问题描述】：

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

【问题讨论】：

标签： javascript charts zingchart

【解决方案1】：

听起来您可能将比例设置为可见：false，但图表周围仍然有很多空间，这些空间曾经是这些项目的位置。

您可以通过将项目设置为可见：假，将关联的线条颜色属性设置为“无”并添加：

"plotarea":{ "margin":"0 0" }

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

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 团队的一员，所以如果这回答了您的问题或者您想进一步澄清，请告诉我。

【讨论】：

确定：将导向对象添加到 scale-x 和 scale-y，然后在对象内部，将 line-width 设置为 0。这是一个演示 -- demos.zingchart.com/view/F7B6LX6Y 作为提醒，您可以在 ZingChart 文档中的 JSON 属性语法中获取与比例相关的所有项目 -- zingchart.com/docs/json-attributes-syntax