Morris Line Chart
を次のコードで実装しました。これはうまくいきます。Y軸モリス線からドットを取り除く
しかし、私は2番目の行の名前に目標をいくつか変更する必要があります。あなたは毎月点が来るのを見ました。私はその線からこれらの点を取り除き、私が直線になるようにしたい。
Morris.Line({
element: 'line-chart',
data: JSON.parse(GraphData),
xkey: 'title',
ykeys: ['goal', 'actual'],
labels: ['Goal', 'Actual'],
xLabelFormat: function(x) { // <--- x.getMonth() returns valid index
var month = months[x.getMonth()];
return month;
},
dateFormat: function(x) {
var month = months[new Date(x).getMonth()];
return month;
},
resize: true,
lineColors: ['#ecb201', '#1B17BB'],
gridTextFamily: "'Nunito', sans-serif",
gridTextWeight: '300',
gridTextSize: 11,
gridTextColor: '#090b0d',
pointSize: 4,
lineWidth: 2,
pointStrokeColors: ['#ffffff', '#ffffff'],
});
私はそのようなパラメータがあなたの要件を満たすために利用できるとは思わない、私はあなたがCSSのトリックを使用することができると思います –
どのcssのトリックは説明できますか? –
私は、しようとしています、しばらく待ってください。成功すれば確実に更新されます –