echarts: 折线图自定义横坐标的值

Question

用echarts画折线图，比如xAxis的data为1月的某些天数，series的值为消费值。

并非每天都有消费值，正常的是会显示所有的点及对应的值。

我的需求是x轴上的值只留4个日期，并平均(近似平均)分布在x轴上。

例如一月的1号，3号，5号，9号，14号，21号，28号等随机的日子有消费值。

但我的横坐标只想固定显示1号，10号，20号，30号这4个点。

注意这时候10号，20号，30号是没有消费值的，但是x轴想固定显示这些日子并平均分布。

这个该怎么做？

Answer 1

这个时候，你就需要拼数据了。
比如数据假设为
{"1号":"100","30号":"300"}
先预设初始值，
{"1号":"0","10号":"0","20号":"0","30号":"0"}

把把后来有的真实值写进去，
变成
{"1号":"100","10号":"0","20号":"0","30号":"300"}

Answer 2

xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data: data,
            axisLabel:{
                formatter:function(name){
                    var showNames = ["1号","10号","20号","30号"];
                    return (showNames.indexOf(name) === -1 ? "" : name )
                }
            }
        }
    ],

Answer 3

demo地址：http://echarts.baidu.com/demo...