2016-07-19 4 views
4

私は10年の範囲で日付xスケールのグラフを作成しています。スケールステップは「年」に設定され、最小値と最大値を設定しています。グラフはうまく描画されますが、目盛り、ガイド、ラベルは、最低で開始して1刻みに「ステップ」するのではなく、年末の日付ごとにスケールの範囲に表示することをお勧めします。これを設定する方法はありますか?Zingchartの日付スケール - x年末のティックとガイド

次はチャートの定義例です。

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] ] } ] }; 

答えて

4

これはあなたが探しているものですか? http://demos.zingchart.com/view/TJC35HUKガイド、および表示するにはダニ、あなたは「スケールX」に以下を追加したいと思うオブジェクト、スケールのラベルを強制的に:

  • 「アイテムオーバーラップ」:真//スケールの項目を強制的に
  • 「MAX-項目」を表示するには:最大(と常に実際のではない)を決定する「MAX-アイテム」ので11 //は

を示す尺度項目の最大数を設定示す尺度項目の数を、あなたに場合によっては、フォントサイズ(10に下げた)とラベルの書式設定(たとえば月と年(%m /%y)だけを表示することもできますツールチップや十字線で日付を記入してください)。スケール、ツールチップ、十字線の時系列書式については、ここをクリックしてください。https://www.zingchart.com/docs/basic-elements/zingchart-tokens/#time-series-tokens

それが役に立ったら教えてください。私はZingChartチームのメンバーで、さらに質問に答えてくれてうれしいです。

+0

これは私が欲しいものに近いですが、年末の日付にダニ、ガイド、ラベルが必要です。だから2006年12月31日、12/31/2007、12/31/2008などです。同じ最小/最大日付を指定してこれを強制する方法はありますか? – Ryan

+1

ありません。私の提案は、12/31/05と12/31/15を最小値/最大値として設定し、スケールマーカー(https://www.zingchart.com/docs/basic-elements/configure-chart-scales)を使用することです。 /#scale-elements-scale-marker)または混合チャートタイプ(https://www.zingchart.com/docs/chart-types/mixed-charts/)を使用して、元の最小/最大日付を強調します。 (使用しているものは、当初の最小/最大日付の目的によって異なります。)私はここに最新のデモを添付しました。 http://demos.zingchart.com/view/Q97TLY85 – Elizabeth

関連する問題