函数: Morris.Line(options)
,其中options是包含以下一些配置选项的对象,其中红色是必填项。
element | 要插入图表的元素的ID(或引用)。 注意:此元素必须在其样式中定义宽度和高度。 |
data | 要绘制的数据。这是一个对象数组,包含由xkey 和ykeys 选项描述的x和y属性。 注意:此处的排序无关紧要 - 您可以按照最适合您的顺序提供数据。 注意2:如果需要更新绘图,请 setData 在Morris.Line 返回的对象上使用该方法。在GitHub回购中有一个setData 例子。 |
xkey | 包含包含日期(X)值的属性名称的字符串。 时间戳以毫秒时间戳的形式被接受(由 Date.getTime() 以下格式返回或作为字符串:
dateFormat 选项。 注2:日期/时间字符串可以选择包含 T 日期和时间部分之间,和/或 Z 后缀,以便与ISO-8601日期兼容。 |
ykeys | 包含Y值属性名称的字符串列表(每个要绘制的数据系列对应一个值)。 |
labels | 包含要绘制的数据系列的标签的字符串列表(对应于ykeys 选项中的值 )。 |
lineColors | 包含系列线/点的颜色的数组。 |
lineWidth | 系列线的宽度(以像素为单位)。 |
pointSize | 系列点的直径,以像素为单位。 |
pointFillColors | 系列点的颜色。默认情况下使用相同的值lineColors |
pointStrokeColors | 系列点轮廓的颜色。(#ffffff默认)。 |
ymax | 最大。绑定Y值。或者,将其设置 为自动计算'auto' ,或 'auto [num]' 自动计算并确保最大y值至少为 [num] 。 |
ymin | 闵。绑定Y值。或者,将其设置 为自动计算'auto' ,或 'auto [num]' 自动计算并确保最小y值最多 [num] 。 提示:您可以使用它来创建具有错误起源的图形。 |
smooth | 设置为false 禁用线条平滑。 |
hideHover | 设置为false 始终显示悬停图例。 设置为 true 或'auto' 仅在鼠标光标位于图表上时显示悬停图例。 设置为 'always' 永不显示悬停图例。 |
hoverCallback | 提供此选项的功能以生成自定义悬停图例。 该函数将使用悬停图例下的行索引,作为参数传递给构造函数的options对象,包含默认生成的悬停图例内容HTML的字符串,以及包含传入的行的原始数据的对象该 data 选项。 例如: hoverCallback:function(index,options,content,row){ return“sin(”+ row.x +“)=”+ row.y; } |
parseTime | 设置为false 跳过X值的时间/日期解析,而不是将它们视为等间距系列。 |
units | 已过时。请使用postUnits 。 |
postUnits | 设置为字符串值(例如:) '%' 以添加所有y标签的标签后缀。 |
preUnits | 设置为字符串值(例如:) '$' 以添加所有y标签的标签前缀。 |
dateFormat | 一种接受毫秒时间戳并将其格式化以显示为图表标签的函数。 默认: function (x) { return new Date(x).toString(); } |
xLabels | 设置x轴标记间隔。默认情况下,将自动计算间隔。以下是有效的间隔字符串:
|
xLabelFormat | 接受Date对象并将其格式化以显示为x轴标签的函数。覆盖自动贴标机或xLabels 选项选择的默认格式化程序 。 例如: function (x) { return x.toString(); } |
xLabelAngle | 从水平到绘制x轴标签的角度(以度为单位)。 |
yLabelFormat | 接受y值并将其格式化以显示为y轴标签的函数。 例如: function (y) { return y.toString() + 'km'; } |
goals | 要在图表上绘制为水平“目标”线的y值列表。 例如: goals: [1.0, -1.0] |
goalStrokeWidth | 目标线的宽度(以像素为单位)。 |
goalLineColors | 用于球门线颜色的颜色值数组。如果列出的颜色少于行中的颜色 goals ,则循环显示值。 |
events | 要在图表上绘制为垂直“事件”行的x值列表。 例如: events: ['2012-01-01', '2012-02-01', '2012-03-01'] |
eventStrokeWidth | 事件行的宽度(以像素为单位)。 |
eventLineColors | 用于事件线颜色的颜色值数组。如果列出的颜色少于行中的颜色 events ,则循环显示值。 |
continuousLine | 设置为false (默认值)时,将忽略数据系列中的所有 值null 和undefined 值,并将跨越它们绘制线条。 设置为时 true ,null 值将中断该行,并且undefined 将跨越值。 注意:在v0.5.0中,此设置将被删除,行为将是在 null 值处断行 。 |
axes | 设置为false 禁用绘制x和y轴。 |
grid | 设置为false 禁用绘制水平网格线。 |
gridTextColor | 设置轴标签的颜色(默认值:#888)。 |
gridTextSize | 设置轴标签的磅值(默认值:12)。 |
gridTextFamily | 设置轴标签的字体系列(默认值:sans-serif)。 |
gridTextWeight | 设置轴标签的字体粗细(默认值:正常)。 |
fillOpacity | 更改区域填充颜色的不透明度。接受介于0.0(完全透明)和1.0(完全不透明)之间的值。 |
resize | 设置为true 在包含元素调整大小时启用自动调整大小。(默认值:false)。 这会对性能产生重大影响,因此默认情况下处于禁用状态。 |