iphone

时间:2016-03-18 04:49:06

标签: iphone highcharts pagination legend

我在我的 iphone 应用程序中使用了 highcharts ,一切都很好,除了一个是当我点击图表中的图例的分页箭头时,它会跳过一页然后去到下一页。

说我有4页,所以如果我现在第1页并点击查看其他页面,那么跳转到第3页。点击下一页获取第三页转到第4页,当我点击上一页时,它会跳过第三页,跳转到第二页即可。值得注意的是,它发生在 iphone而非浏览器

我很惊讶地看到这一点,并且无法确定为什么这种行为与分页有关...

以下是我创建高亮度图的代码

var defaultBarChart = {
                options: {
                    chart: {
                        type: 'column',
                        alignTicks:false,
                        //height: 250,
                        width: Constants.analyticChartWidth
                    },
                    yAxis: {
                        title: {
                            text: ''+$filter('translate')('values')
                        }
                    },
                    tooltip: {
                         enabled: false,
                         style: {
                                width: 200,
                                padding: 10,
                                lineHeight: "normal"
                            },
                        useHTML:true                    
                     },
                    legend: {
                        verticalAlign: 'bottom',
                        align: 'left',
                        x: 0,    
                        itemStyle: {
                            width: deviceWidth,
                            'color':'#434f5a',
                            'font-size':'12px'
                        },
                    maxHeight: 105,
                    navigation: {
                        activeColor: '#3E576F',
                        animation: true,
                        arrowSize: 18,
                        inactiveColor: '#CCC'
                    }
                    },
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    categories: [
                        ''
                    ],
                    crosshair: true
                },
                tooltip: {
                     /* style: {
                         width: 100
                     }*/
                     enabled: false
                 },
               /* tooltip: {
                    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                        '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
                    footerFormat: '</table>',
                    shared: true,
                    useHTML: true,
                    style: {
                         width: 100
                     }
                },*/
                series: [{
                    name: '',
                    data: [0],
                    showInLegend: false
                }],

                loading: false,
                credits: {
                    enabled: false
                }
       };

我想问一下,如果导航以外的任何其他地方的问题都会影响它吗?

请帮助我摆脱这个...... !!

0 个答案:

没有答案