Zingchart date scale-x 年末日期的刻度和指南

Question

我正在创建一个包含十年范围内日期 x 刻度的图表。缩放步长设置为 "year"，我正在设置最小值和最大值。图表呈现良好，但我希望刻度线、指南和标签出现在刻度范围内的每个年终日期，而不是从最小值开始，每个刻度线 "stepping" 一年。有办法配置吗？

这是一个示例图表定义。

var chartData = { "type":"line",
                  "utc":true,
                  "timezone":0,
                  "scale-x":{ "min-value":1153180800000,
                              "max-value":1470441600000,
                              "step":"year",
                              "transform":{ "type":"date",
                                            "all":"%m/%d/%y" },
                              "guide":{ "visible":true,
                                        "line-color":"#666666",
                                        "line-style":"solid",
                                        "line-width":1,
                                        "alpha":0.5 },
                              "item":{ "font-size":12 } },
                  "scale-y":{ "placement":"default",
                              "format":"%v",
                              "values":"1.00:14.00:2.6",
                              "item":{ "font-size":12 } },
                  "series":[ { "type":"line",
                               "scales":"scale-x,scale-y",
                               "marker":{ "type":"none" },
                               "values":[ [1159574400000,10.67],[1167523200000,11.06],[1175299200000,11],[1183161600000,11.2],[1191110400000,10.86],[1199059200000,11.2],[1206921600000,12.01],[1214784000000,12.93],[1222732800000,9.38],[1230681600000,6.27],[1238457600000,3.68],[1246320000000,2.8],[1254268800000,7.15],[1262217600000,9.35],[1269993600000,11.45],[1277856000000,11.51],[1285804800000,10.7],[1293753600000,11.05],[1301529600000,10.87],[1309392000000,10.09],[1317340800000,8.73],[1325289600000,7.4],[1333152000000,7.27],[1341014400000,6.83],[1348963200000,8.01],[1356912000000,6.71],[1364688000000,6.45],[1372550400000,7.01],[1380499200000,6.87],[1388448000000,8.59],[1396224000000,8.46],[1404086400000,8.8],[1412035200000,8.27],[1419984000000,7.73],[1427760000000,7.62],[1435622400000,7.03],[1443571200000,6.74],[1451520000000,4.81] ] } ] };

Answer 1

这是您要找的吗？ http://demos.zingchart.com/view/TJC35HUK 要强制显示比例标签、参考线和刻度，您需要将以下内容添加到 "scale-x" 对象：

"items-overlap": true //强制显示比例项
"max-items": 11 //设置显示的最大比例项数

因为 "max-items" 确定显示的最大（并不总是实际的）比例项目数，您有时需要调整字体大小（我将其降低到 10）和标签格式（您可以显示例如，只有月份和年份 (%m/%y)，同时扩展以通过工具提示或十字准线显示完整日期）。这里有更多关于刻度、工具提示和十字准线的时间序列格式的信息：https://www.zingchart.com/docs/basic-elements/zingchart-tokens/#time-series-tokens

如果有帮助请告诉我。我是 ZingChart 团队的一员，很乐意回答更多问题。

Zingchart date scale-x 年末日期的刻度和指南

Zingchart date scale-x ticks and guides at year-end dates

charts

axis

date

zingchart