将xkey morris折线图更改为字符串
Changing xkey morris line chart to string
如何更改xkey
的值以使用文本值而不是数值?
我试过把它改成"iPhone",但是行不通。
var line = new Morris.Line({
element: 'line-chart',
resize: true,
data: [
{y: '2011 Q1', item1: 2666},
{y: '2011 Q2', item1: 2778},
{y: '2011 Q3', item1: 4912},
{y: '2011 Q4', item1: 3767},
{y: '2012 Q1', item1: 6810},
{y: '2012 Q2', item1: 5670},
{y: '2012 Q2', item1: 5670},
{y: '2012 Q2', item1: 5670},
],
xkey: 'y',
ykeys: ['item1'],
labels: ['Item 1'],
lineColors: ['#3c8dbc'],
hideHover: 'auto'
});
添加属性:parseTime:false。
你的代码改变了:
<>之前var line = new Morris。线({元素:"折线图",调整:没错,数据:[{y: '2011 Q1', item1: 2666},{y: '2011 Q2', item1: 2778},{y: '2011 Q3', item1: 4912},{y: '2011 Q4', item1: 3767},{y: '2012 Q1', item1: 6810},{y: '2012 Q2', item1: 5670},{y: '2012 Q2', item1: 5670},{y: '2012 Q2', item1: 5670},],xkey:‘y’,ykeys:("item1"),标签:['项目1'],lineColors:("# 3 c8dbc"), parseTime:假的,hideHover:‘汽车’});相关文章:
- 用与线条相同的颜色填充多折线图上的点
- 跟踪jqplot垂直折线图的鼠标位置
- Morris.js折线图x轴标签在调整大小后消失
- Chart.js V2折线图缺点
- 将直流图表库中的折线图缩放限制为小时
- 如何用d3.js绘制折线图
- 部分填充区域的折线图
- 将时间缩放添加到折线图(Chart.js)
- Chart.js折线图的0线型
- d3绘制动画折线图的基本示例
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- 如何在折线图中显示最近的值
- charts js更改折线图轴的字体大小/颜色和背景线
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 从折线图的字符串值(文本)制作 x 坐标
- 如何修改谷歌折线图的 JSON 字符串
- D3折线图字符串作为x轴域
- 如何将字符串值添加到nvd3折线图x轴值
- 在Google折线图API中使用字符串作为标签
- 将xkey morris折线图更改为字符串