将xkey morris折线图更改为字符串

Changing xkey morris line chart to string

本文关键字:字符串 折线图 xkey morris      更新时间:2023-09-26

如何更改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:‘汽车’});