Zingchart Datum scale-x Ticks und Guides am Jahresende

Question

Ich erstelle ein Diagramm mit einem Datum x Skala über einen Zeitraum von zehn Jahren. Der Skalenschritt ist auf "Jahr" eingestellt und ich setze die Min und Max Werte. Das Diagramm ist in Ordnung, aber ich möchte, dass die Ticks, Guides und Labels an jedem Jahresenddatum über den Bereich der Skala erscheinen, anstatt mit dem Minimum zu beginnen und ein Jahr pro Tick "zu treten". Gibt es eine Möglichkeit, dies zu konfigurieren?

Hier ist eine Beispieldiagrammdefinition.

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

Ist das wonach Sie suchen? http://demos.zingchart.com/view/TJC35HUK Um die Skala Etiketten, Führer zu zwingen, und zeigen Zecken, wollen Sie das folgende in der „Scale-x“ Objekt hinzufügen:

• „Artikel-Überlappung“: true // zwingt die Skala Artikel 11 // setzt die maximale Anzahl der Skala Elemente, die Sie gezeigt

Da „max-Artikel“ bestimmt die maximale (und nicht immer aktuell) Anzahl der Skalen Artikel gezeigt,:

„max-Artikel“ angezeigt werden Manchmal müssen Sie mit der Schriftgröße herumspielen (ich habe sie auf 10 gesenkt) und die Formatierung beschriften (Sie könnten beispielsweise nur den Monat und das Jahr anzeigen (% m /% y)), während Sie expandieren, um das Ergebnis anzuzeigen Ich date durch die Tooltips oder Fadenkreuze. Es gibt weitere Informationen zur Zeitreihenformatierung für die Skalen, Tooltips und Fadenkreuze hier: https://www.zingchart.com/docs/basic-elements/zingchart-tokens/#time-series-tokens

Bitte lassen Sie mich wissen, wenn das hilft. Ich bin Mitglied des ZingChart-Teams und freue mich auf weitere Fragen.