echarts柱状图x轴怎么只显示1个值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts柱状图x轴怎么只显示1个值相关的知识,希望对你有一定的参考价值。

参考技术A public static void copy(File source, File target)
File tarpath = new File(target, source.getName());
if (source.isDirectory())
tarpath.mkdir();
File[] dir = source.listFiles();
for (int i = 0; i < dir.length; i++)
copy(dir[i], tarpath);
本回答被提问者采纳

echarts图表x轴文字显示不全问题及柱状图颜色调整

var myChart= echarts.init(document.getElementById(‘myChart‘));
    option = 
        title: 
            // text: ‘纯属虚构‘,
        ,
        tooltip: 
            trigger: ‘axis‘
        ,
        grid: 
            left: ‘5%‘,//左边距
            right: ‘5%‘,//走边距
            top: 10,//上边距
            bottom: 50,//下边距
            containLabel: true
        ,
        xAxis: [
            
                type: ‘category‘,
                data: xArray,
                axisLabel://把文字竖着放
                    formatter:function(value)
                        return value.split("").join("\n")
                    
                
            
        ],
        yAxis: [
            
                type: ‘value‘
            
        ],
        series: [
            
                name: ‘哈哈‘,
                type: ‘bar‘,
                // barWidth: 15,
                // barGap: ‘-10%‘,
                data: yArray,
                markPoint: 
                    data: [
                        name: ‘最高‘,
                        name: ‘最低‘
                    ]
                ,
                itemStyle: 
                    color: function(params) //柱状体颜色
                        // build a color map as your need.
                        var colorList = [
                            ‘#FF80AA‘,‘#F8568C‘,‘#C71848‘,‘#F61B63‘,‘#7ED321‘,
                            ‘#00C47B‘,‘#FF894A‘,‘#8782F7‘,‘#24A8BF‘,‘#1CCCB5‘,
                            ‘#158EFE‘,‘#68B671‘,‘#FEDB65‘,‘#2CD1C0‘,‘#AE54B5‘

                        ];
                        return colorList[params.dataIndex]
                    ,
                
            
        ]
    ;
    myChart.setOption(option);

 

以上是关于echarts柱状图x轴怎么只显示1个值的主要内容,如果未能解决你的问题,请参考以下文章

用echarts画柱状图怎么去掉y轴上的坐标

ECharts图表柱状图可以动态设置y轴最大值吗

ECharts图表柱状图可以动态设置y轴最大值吗

echarts柱状图怎么设置多个x轴

echarts柱状图横(x)轴文字显示不全,一招解决

hellocharts柱状图可以设置两个y值吗