phaser 3 titled map seems not working well on hexagonal mode

my tiled set parameter is , width 52, height, 24.

followng is the exported json file. The render result is so different with tiled application

{ “compressionlevel”:-1,
“height”:14,
“hexsidelength”:12,
“infinite”:false,
“layers”:[
{
“data”:[3, 3, 3, 3, 3, 7, 3, 3, 3, 3, 3, 3, 3, 3,
3, 3, 3, 3, 3, 7, 3, 3, 9, 9, 3, 3, 3, 3,
3, 3, 3, 3, 3, 7, 3, 1, 3, 3, 9, 3, 3, 9,
3, 3, 3, 3, 3, 7, 7, 7, 7, 7, 9, 9, 9, 3,
3, 3, 3, 3, 3, 7, 3, 3, 1, 7, 3, 7, 3, 7,
3, 1, 3, 3, 3, 3, 8, 3, 3, 1, 7, 1, 7, 3,
1, 1, 1, 9, 9, 9, 7, 7, 7, 3, 1, 3, 3, 3,
1, 11, 11, 3, 9, 3, 9, 9, 7, 7, 3, 3, 3, 9,
11, 1, 1, 3, 3, 3, 3, 9, 9, 9, 9, 9, 9, 9,
3, 3, 3, 3, 3, 9, 9, 9, 9, 9, 9, 9, 9, 3,
9, 9, 9, 9, 9, 9, 9, 3, 3, 8, 7, 7, 7, 7,
9, 9, 9, 9, 9, 3, 3, 1, 3, 7, 3, 1, 1, 1,
3, 3, 3, 3, 3, 1, 1, 1, 7, 3, 1, 1, 1, 3,
3, 3, 3, 3, 1, 3, 1, 3, 7, 1, 1, 3, 3, 3],
“height”:14,
“id”:1,
“name”:“\u56fe\u5757\u5c42 1”,
“opacity”:1,
“type”:“tilelayer”,
“visible”:true,
“width”:14,
“x”:0,
“y”:0
}],
“nextlayerid”:4,
“nextobjectid”:1,
“orientation”:“hexagonal”,
“renderorder”:“right-down”,
“staggeraxis”:“x”,
“staggerindex”:“odd”,
“tiledversion”:“1.9.2”,
“tileheight”:24,
“tilesets”:[
{
“columns”:12,
“firstgid”:1,
“image”:“titled52.png”,
“imageheight”:24,
“imagewidth”:624,
“margin”:0,
“name”:“titled”,
“spacing”:0,
“tilecount”:12,
“tileheight”:24,
“tilewidth”:52
}],
“tilewidth”:52,
“type”:“map”,
“version”:“1.9”,
“width”:14
}

Pls look; Learn about creating hexagonal tile based games in this comprehensive Tuts+ tutorial.