高图复制X轴和Y轴标签

时间:2015-04-08 10:16:00

标签: javascript jquery charts highcharts

我是高新人的新手。在过去的五年里,我为男性和女性创造了简单的图表。我附上了屏幕截图。

enter image description here

是否可以从两个轴上删除重复的标签。 ?

这是守则。

<script type="text/javascript">
            $(function () {
                $('#container').highcharts({
                    title: {
                        text: 'Male Female Count',
                        x: -20 //center
                    },
                    subtitle: {
                        text: 'Internet',
                        x: -20
                    },
                    xAxis: {
                        categories: 
                        [
                            <% 
                                for(ChartObject co : cos)
                                {
                                    out.print("'"+co.getMonth()+"',");
                                }
                            %>
                        ],
                        tickInterval: 4
                        //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                    },
                    yAxis: {
                        title: {
                            text: 'Year'
                        },
                        categories: 
                        [
                            <% 
                                for(ChartObject co : cos)
                                {
                                    out.print("'"+co.getYear()+"',");
                                }
                            %>
                        ],
                        tickInterval: 6
//                        plotLines: [{
//                                value: 0,
//                                width: 1,
//                                color: '#808080'
//                            }]
                    },
                    tooltip: {
                        valueSuffix: ''
                    },
                    legend: {
                        layout: 'vertical',
                        align: 'right',
                        verticalAlign: 'middle',
                        borderWidth: 0
                    },
                    series: [{
                            name: 'Male',
                            data: 
                            [
                                <%
                                    for(ChartObject co : cos)
                                    {
                                        out.print(co.getMale()+","); 
                                    }
                                %>
                            ]
                        }, {
                            name: 'Female',
                            data: 
                            [
                                <%
                                    for(ChartObject co : cos)
                                    {
                                        out.print(co.getFemale()+","); 
                                    }
                                %>
                            ]
                        }]
                });
            });
        </script>

和数据集

enter image description here

1 个答案:

答案 0 :(得分:0)

在渲染图表之前,您似乎应该对数据集进行“规范化”。