Apache Echart,如何使用用户定义的地图覆盖轴标签值

时间:2021-04-06 07:34:25

标签: echarts

我正在使用 Apache Echart 3+,以显示期限/价格图表 Tenor 将来自数据库作为其可配置的,这将是 Days 与 TenorLabel 的映射

例如, 1080 - 3 岁 1440 - 4 岁 30 - 1M 450 - 15M

注意它的用户定义,120天他可以标记为4M或1Q

有人可以指导我如何解决这个问题 这是我试过的示例代码,但没有用户,因为逻辑是硬编码的

感谢您的时间,谢谢

option = {
    color: ['#3398DB'],
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'value',
            axisLabel: {
                formatter: function(value,index) {
                           var year,quarter, months,week, days;
                            // Assume that years
                            // is of 365 days
                            year = parseInt(value / 365);
                            quarter =parseInt(value / 90);
                            month = parseInt(value / 30);
                            week = parseInt(value / 7);
                            days = value;
                            if(year > 0 )
                             return year+'Y'
                            else if(quarter > 0 )
                             return quarter+'Q'
                            else if(month > 0 )
                             return month+'M'
                            else if(week > 0 )
                             return week+'W'
                            else if(days > 0 )
                             return days+'D'                             
                             
                }
            }
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'TEST',
            type:'line',
            barWidth: '60%',
            "data":[
                        [
                           "30", // display 1M
                           "222"
                        ],
                        [
                           "60", // display 2M
                           "232"
                        ],
                        [
                           "120", // display 4M
                           "253"
                        ]
                   ]      
                
        }
    ]
};

0 个答案:

没有答案