Echarts在线免费图表

 
            
const distance = [156, 186, 220, 238, 258, 309, 319, 336, 336, 381,300];
const name = ["珲春中街518号", "繁华领寓", "中东凯悦公馆", "熙悦和府", "绿地中央广场", "中益城市之光", "绿地·新里", "金汇樾府", "金汇樾府(昌邑)", "博达英郡","文庭雅苑"]
const price = [5047, 5050, 7261, 5406, 5852, 5932, 4986, 7040, 6154, 6282,5932]
option = {
   //你的代码
   
            tooltip: {
              trigger: 'axis',
              axisPointer: {
                type: 'shadow'
              }
            },
            grid: {
              left: '0%',
              right: '0%',
              bottom: '0%',
              top:'0%',
              containLabel: true
            },
            xAxis: {
              type: 'value',
              data: price ,
              show: false,
            },
            yAxis: [{
              type: 'category',
              axisTick:"none", // 不显示坐标轴刻度线
              splitLine:"none", // 不显示网格线
              axisLine: {show:false}, // 不显示坐标轴线
              inverse: true,
              show: true,
              data: name,
            },{
                type: "category",
                inverse: true,
                axisTick: "none",
                axisLine: "none",
                offset: -10,
                zlevel: 100,
                show: true,
                position: "left",
                axisLabel: {
                  textStyle: {
                    color: "#FFFFFF",
                    align:'left'
                  }
                },
                data: price.map((res)=>{return res + ' 元/m²'})
              }],
            series: [
              {
                type: 'bar',
                data: distance,
                itemStyle: {
                  barBorderRadius: [0, 100, 100, 0],
                },
                label: {
                  show: true,
                  normal: {
                    show: true,
                    position: 'right',
                    formatter: function (val) {
                      return val.value + '米';
                    },
                  }
                },
                color:'#FF8F1F'
              },
            ]
};