Jquery 在Morris.js中,是否可以更改单行中每个点的颜色?

Jquery 在Morris.js中,是否可以更改单行中每个点的颜色?,jquery,charts,linechart,morris.js,Jquery,Charts,Linechart,Morris.js,我正在使用Morris.js绘制一个折线图 是否可以在一行中更改每个点的颜色?您可以使用pointFillColors更改点的颜色 以及点周围圆圈的颜色,使用pointStrokeColors 例如: pointFillColors: ['grey', 'red'], pointStrokeColors: ['black', 'blue'], 如果要更改特定点,则必须修改Morris。 您还可以设置目标为特定值画一条线 我扩展了Morris并添加了以下参数:checkYValues,yValu

我正在使用Morris.js绘制一个折线图


是否可以在一行中更改每个点的颜色?

您可以使用
pointFillColors
更改点的颜色
以及点周围圆圈的颜色,使用
pointStrokeColors

例如:

pointFillColors: ['grey', 'red'],
pointStrokeColors: ['black', 'blue'],
如果要更改特定点,则必须修改Morris。
您还可以设置
目标
为特定值画一条线

我扩展了Morris并添加了以下参数:
checkYValues
yValueCheck
yValueCheckColor

用法:

checkYValues: "eq" // Possible values: eq (equal), gt (greater than), lt (lower than)
yValueCheck: 3 // A value to check
yValueCheckColor: "pink" // A color to draw the point
(函数(){
var$,MyMorris;
MyMorris=window.MyMorris={};
$=jQuery;
MyMorris=Object.create(Morris);
MyMorris.Grid.prototype.gridDefaults[“checkyValue”]=”;
Grid.prototype.gridDefaults[“yValueCheck”]=0;
MyMorris.Grid.prototype.gridDefaults[“yValueCheckColor”]=”;
MyMorris.Line.prototype.colorFor=函数(行、sidx、类型){
if(typeof this.options.lineColors==='function'){
返回this.options.lineColors.call(this,row,sidx,type);
}else如果(类型=='点'){
开关(this.options.checkyValue){
案例“eq”:
if(row.y[sidx]==this.options.yValueCheck){
返回this.options.yValueCheckColor;
}
打破
案例“gt”:
if(row.y[sidx]>this.options.yValueCheck){
返回this.options.yValueCheckColor;
}
打破
案例“lt”:
if(row.y[sidx]


您可以使用
pointFillColors
更改点的颜色
以及点周围圆圈的颜色,使用
pointStrokeColors

例如:

pointFillColors: ['grey', 'red'],
pointStrokeColors: ['black', 'blue'],
如果要更改特定点,则必须修改Morris。
您还可以设置
目标
为特定值画一条线

我扩展了Morris并添加了以下参数:
checkYValues
yValueCheck
yValueCheckColor

用法:

checkYValues: "eq" // Possible values: eq (equal), gt (greater than), lt (lower than)
yValueCheck: 3 // A value to check
yValueCheckColor: "pink" // A color to draw the point
(函数(){
var$,MyMorris;
MyMorris=window.MyMorris={};
$=jQuery;
MyMorris=Object.create(Morris);
MyMorris.Grid.prototype.gridDefaults[“checkyValue”]=”;
Grid.prototype.gridDefaults[“yValueCheck”]=0;
MyMorris.Grid.prototype.gridDefaults[“yValueCheckColor”]=”;
MyMorris.Line.prototype.colorFor=函数(行、sidx、类型){
if(typeof this.options.lineColors==='function'){
返回this.options.lineColors.call(this,row,sidx,type);
}else如果(类型=='点'){
开关(this.options.checkyValue){
案例“eq”:
if(row.y[sidx]==this.options.yValueCheck){
返回this.options.yValueCheckColor;
}
打破
案例“gt”:
if(row.y[sidx]>this.options.yValueCheck){
返回this.options.yValueCheckColor;
}
打破
案例“lt”:
if(row.y[sidx]