Как установить ширину piechart в dc.js через css

Question

Я хочу установить ширину piechart dc.js для разных разрешений; для этого я хочу установить ширину piechart через css, чтобы я мог применять mediaqueries для разного разрешения. Пожалуйста, предоставьте мне решение для настройки ширины piechart dc.js через css.

icd9Pie /* dc.pieChart('#gain-loss-chart', 'chartGroup') */ 
     // (_optional_) define chart width, `default = 200` 

      .width(180) // (optional) define chart height, `default = 200` 
      .height(160) 

     // Define pie radius 
     .radius(80) 
     // Set dimension 
     .dimension(icd9Dimension) 
     // Set group 
     .group(icd9Group) 
     // (_optional_) by default pie chart will use `group.key` as 

     // its label but you can overwrite it with a closure. 
     .label(function(d) { 
      return d.key; 
     }).renderLabel(true) 
     /

// Новый код

icd9Pie /* dc.pieChart('#gain-loss-chart', 'chartGroup') */ 
     // (_optional_) define chart width, `default = 200` 

      .minWidth(180) // (optional) define chart height, `default = 200` 
      .minHeight(160) 

     // Define pie radius 
     .radius(80) 
     // Set dimension 
     .dimension(icd9Dimension) 
     // Set group 
     .group(icd9Group) 
     // (_optional_) by default pie chart will use `group.key` as 

     // its label but you can overwrite it with a closure. 
     .label(function(d) { 
      return d.key; 
     }).renderLabel(true) 
     /

Answer 1

Я думаю, вы можете быть просто запущен в минимальные параметры проклейки там, minWidth и minHeight - по умолчанию они 200.

Docs for minWidth and minHeight

Запрос на мультимедиа не работал, как вы указали выше, мне пришлось добавить фигурные скобки. Это полностью работает для меня:

@media (max-width: 1280px) { 
    #test { width: 180px !important; height: 160px !important; } 
} 

И установить minWidth и minHeight для того, чтобы позволить им идти ниже, чем 200:

chart.minWidth(100) 
    .minHeight(100)