在iphone6上运行时,amPieChart的图例未显示在我们的网站上。 在iphone6 +和其他设备上工作正常,但在iphone6上它只是空白空间。
"legend": {
"divId": "piChartLegendDiv",
"position": "bottom",
"autoMargins": false,
"labelText": "[[title]]",
"valueWidth": "0",
"markerType": "circle",
}
移动的东西:
/* ----------- iPhone 6 / 7 / 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.volume-custom-footer {
display: flex;
.card-footer {
display: inline-block;
}
}
.hidePad {
display: none;
}
.opta-avatar {
height: 65px !important;
width: 65px !important;
}
}
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.card-body-portrait{
height: auto !important;
}
.your-team-avatar-rsp {
width: 75px !important;
height: 75px !important;
}
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
我可以尝试什么来解决这个问题或至少更接近问题?
在饼图本身的javascript部分有一段:
"responsive": {
"enabled": true,
"addDefaultRules": false,
"rules": [
{
"maxWidth": 400,
"overrides": {
"legend": {
"enabled": false
}
}
}
我显然只需要将启用设置为 true。 现在,低分辨率(iPhone 5/6(的屏幕即使被切断也会显示图例。