Question

由morris js渲染图。我正在使用JSON的mysql数据库中的数据。

一切正常，但我想在图表中再添加一个功能。（如果买入行动中有某些内容，请更改点颜色。）

我的JSON：

[{ “的longdate”：“2014年8月20日十八点20分01" 秒， “价格”： “1620”， “动作”： “的买”}，{ “的longdate”：“2014年8月20日 18时40分01" 秒， “价格”： “1640”， “动作”： “”}，{ “的longdate”：“2014年8月20日 19时00分01" 秒， “价格”： “1620”， “动作”： “”}]

所以我想用买入动作改变价值的点颜色。

我的图表代码：

$.getJSON('results.json', function(day_data) {

Morris.Line({
  element: 'graph',
  data: day_data,
  xkey: 'longdate',
  ykeys: ['price'], 
  labels: ['Cena'],
  lineColors: lineColor,
  pointSize: 0,
  hoverCallback: function(index, options, content) { 
 var date = "<b><font color='black'>Data: "+day_data[index]['longdate']+"</font></b><br>";
     var param1 = "<font color='"+lineColor[0]+"'>Cena - "+day_data[index]['price']+"</font><br>";
     return date+param1;
  },
  xLabelFormat : function (x) {
   return changeDateFormat(x);
  }

  /*My TRIAL
if(action == 'buy'){
pointSize: 4,
lineColors: green,
}
 */ 

});
});

所以我的代码不起作用，我怎样才能使这个工作？

Answer 1

从documentation for the line chart来看，这个图书馆不能“开箱即用”（意思是，没有修改）。

您可以随时分叉github project并添加此功能。如果您不感兴趣或无法做到这一点，那么您可能需要选择不同的图表库。

根据Morris js图上的值改变点的颜色

1 个答案: