Javascript 在ZingChart上定制x轴

我想用ZingChart绘制一个类似于此的图表：

到目前为止，我能做的最好的事情是：

来源：

{ 
  "graphset": [{
    "type": "line",
    "series": [
        {
            "values":[[1,218.2], [2,121.7], [4,62.27], [8,34.37], [16,19.79], [20,16.52], [32,17.1], [40,16.11], [64,91.9]]
        }
    ],
    "scale-x":{
        "values":[1,2,4,8,16,20,32,40,64]
    }
  }]
}

---

如何将x记号的位置固定为与x值相同？

首先，您需要在

scale-x

对象中设置

max items

和

items overlap

属性，以强制显示沿比例的所有项目

"scale-x":{
    "max-items":9999, //forces all items 
    "items-overlap":true, //forces items (labels) to show even when overlapping
    /* Code truncated for brevity */

之后，在

项目

对象中将

alpha（透明度）设置为0，并将
勾选
对象设置为隐藏所有勾选和项目。通过在
项目
和
勾选
中的
规则
数组中配置对象以显示所需的比例值，仅启用要显示的项目

"item":{
    "alpha":0,
    "rules":[
        {
           "rule":"%scale-value == 1 || %scale-value == 4 || %scale-value == 8 || %scale-value == 16 || %scale-value == 20 || %scale-value == 32 || %scale-value == 40 || %scale-value == 64",
           "alpha":1
        }
     ]
},

我是ZingChart团队的成员。请看一看，让我知道我是否可以回答任何关于如何工作的问题