Question

我正在开发一个应用程序，其中我有几个webViews，在其中我使用javascript库HighCharts渲染各种图表。以下是我的视图控制器视图的一部分，其中放置了这样的Web视图

enter image description here

＆＃34;国家/地区名称＆＃34;以上所有内容都是网络视图的一部分，而＃34; Legend＆＃34;在UILabel。如你所见，＆＃39; y＆＃39; in＆＃34;国家名称＆＃34;在底部切断。我将底部的标签设置为透明，甚至设置webView.scrollView.clipsToBounds = NO以及更改滚动视图的contentInsets，但这并没有真正改变任何内容（我意识到将剪辑切换为关闭）可能是错的，我只是检查问题是否与它有关）。（编辑：用完整的HTML替换片段）

这是我使用的html模板。在最后的html中，所有＆＃34; %%＆＃34;仅用＆＃34;％＆＃34;和＆＃34;％@＆＃34;被图表数据取代。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
        <script type="text/javascript">
            $(function() {
              $('#chart_container').highcharts({
                                               chart: {
                                               type: '%@',
                                               spacing: [10, 0, 0, 0],
                                               zoomType: 'x'
                                               },
                                               title: {
                                               text: null
                                               },
                                               xAxis: {
                                               categories: %@,
                                               title: {
                                               text: '%@',
                                               style: {
                                               fontSize: '13.0px'
                                               }
                                               },
                                               minRange: 1,
                                               labels: {
                                               rotation: -45,
                                               style: {
                                               fontSize: '13.0px'
                                               }
                                               }
                                               },
                                               yAxis: {
                                               title: {
                                               text: '%@',
                                               style: {
                                               fontSize: '12.0px'
                                               }
                                               },
                                               labels: {
                                               style: {
                                               fontSize: '14.0px'
                                               }
                                               }
                                               },
                                               tooltip: {
                                               shared: true,
                                               headerFormat: '<span style="font-size: 18.0px">{point.key}</span><br/>',
                                               %@
                                               style: {
                                               fontSize: '16.0px'
                                               }
                                               },
                                               legend: {
                                               enabled: false
                                               },
                                               %@
                                               series: %@,
                                               credits: {
                                               enabled: false
                                               },
                                               exporting: {
                                               enabled: false
                                               }
                                               });
              });

              function toggleSeries(index) {
                  var chart = $('#chart_container').highcharts();
                  chart.tooltip.hide();
                  %@
              }
        </script>
        </head>

<body style="height: 100%%; min-height: 100%%; margin:0; padding:0; overflow: visible">
    <script src="highcharts.js">
        </script>
    <script src="exporting.js">
        </script>
    <div id="chart_container" style="height: 100%%; overflow: visible"></div>
</body>

知道这个问题来自何处以及如何解决？

Answer 1

设置图表时出现问题：

spacing: [10, 0, 0, 0]

删除后，自动计算间距可防止出现此问题。

UIWebView切断了内容的底层

1 个答案: