chart.js之2.X：標籤顯示在海誓山盟

最後兩個標籤在彼此之上顯示如下所示的圖像中1如何解決這一問題？chart.js之2.X：標籤顯示在海誓山盟

下面是一些Lorem存有這樣的StackOverflow不被大部分代碼後埋怨我：Lorem存有胡蘿蔔，生態番茄湯。箭袋整個門站價。 Suspendisse簡歷拉克絲烏仁娜augue，歐盟condimentum turpis。明日是駕駛員的意願。但總是被帶來的足球，和porttitor SAPIEN前庭交流。桑達靈貓porttitor arcu，並且它不是tempor luctus的末端。你可以把所有的航空公司客戶。生態保護者卻是自由的大衆悲悼或胡蘿蔔。恐懼性愛自由人的微波局。中秋節醜醜，長足球不消毒和分類現在。 PROIN ultricies坐預期值，也暫準阿梅德與posuere箭頭。 Vivamus ERAT馬薩，hendrerit NEC NIBH簡歷，commodo faucibus貓。保護者imperdie。

選項：

var options = { 
     scales: { 

      xAxes: [{ 
       gridLines:{ 
        display:false, 
       }, 
       type:"time" 
      }], 

      yAxes: [{ 
       ticks:{ 
        stepSize:10000 
       } 
      }] 
     } 
    };

日期：

{ 
       label: "My Dataset", 
       fill: false, 
       lineTension: 0.1, 
       borderColor: "#8CCEC2", 
       backgroundColor: "#8CCEC2", 
       borderCapStyle: 'butt', 
       borderJoinStyle: 'miter', 
       pointRadius:0, 
       data: [ 
        { 
         x:moment((new Date()).toISOString()).subtract(1,"days") 
         ,y:9000 
        }, 
        { 
         x:moment((new Date()).toISOString()).subtract(2,"days") 
         ,y:11000 
        }, 
        { 
         x:moment((new Date()).toISOString()).subtract(3,"days") 
         ,y:8000 
        }, 
        { 
         x:moment((new Date()).toISOString()).subtract(4, "days") 
         ,y:10000 
        }, 
        { 
         x:moment((new Date()).toISOString()).subtract(5, "days") 
         ,y:9000 
        } 
       ], 
       spanGaps: false 
      }

來源

2017-03-08 Ben Lorantfy

你可以提供用於生產這種圖形或更好的工作示例圖表配置（例如codepen ，的jsfiddle等）。 **沒有至少看到配置沒有一個人能提供幫助。謝謝 – jordanwillis

。該chart.js之時間尺度是挑剔的，所以我只能看你怎麼了你的第一個配置（1不能告訴大家，只是根據截圖）。 – jordanwillis

不幸的是，有時可自行chart.js之有麻煩安裝一個時間尺度x軸，因爲所有的格式變化和可能性。你可以做兩件事情之一來解決這個問題。任一展開圖表容器的大小（以便有更多的空間來呈現圖表）或手動配置的時間尺度來優化它的外觀。

在這種具體情況下1 time.unit使用的屬性中的「天」的單位來顯示刻度。下面是相關配置：

scales: { 
    xAxes: [{ 
    gridLines: { 
     display: false, 
    }, 
    type: "time", 
    time: { 
     unit: 'day', 
    } 
    }], 
    yAxes: [{ 
    ticks:{ 
     stepSize: 10000 
    } 
    }] 
}

這裏是一個codepen證明什麼意思1。

來源

2017-03-08 18:33:13 jordanwillis

嘗試scales.xAxes[0].time.round = 'day' 這個固定爲我。

前：

後：

例如，

   scales: { 
       xAxes: [{ 
        type: "time", 
        time: { 
         format: "MM/DD/YYYY", 
         round: 'day', 
         tooltipFormat: 'll' 
        }, 
        scaleLabel: { 
         display: true, 
        } 
       }], 
      }

來源

2017-09-28 14:50:12

chart.js之2.X：標籤顯示在海誓山盟

回答

相關問題