jqplot - 在salesforce页面中刻度和标签重叠

Question

我想知道如何在Salesforce，ticks和标签重叠中实现jqplot。就像这样：

我尝试调整一切，但仍然没有运气。 当我尝试旋转它时，它甚至不会旋转标签。 我就这样做了：

function renderGraph(){

        //Days of the month
        var dayTicks = [[0,0],[1,1],[2,2],[3,3],[4,4],[5,5],[6,6],[7,7],[8,8],[9,9],
                        [10,10],[11,11],[12,12],[13,13],[14,14],[15,15],[16,16],[17,17],[18,18],[19,19],
                        [20,20],[21,21],[22,22],[23,23],[24,24],[25,25],[26,26],[27,27],[28,28],[29,29],
                        [30,30],[31,31],[32,""]];

        apiGraph = $.jqplot('chartdiv', [[1,363],[3,1122],[6,710]],{
                        seriesDefaults  : { pointLabels: { show:true }},                
                        axesDefaults    : { labelRenderer   : $.jqplot.CanvasAxisLabelRenderer,
                                            tickRenderer    : $.jqplot.CanvasAxisTickRenderer,
                                            showTicks       : true  },
                        axes: {
                                xaxis: {
                                        label: 'Days',
                                        ticks:dayTicks
                                },
                                yaxis: {
                                    tickOptions : {
                                                    labelPosition: 'middle', 
                                                    angle:-30},
                                        pad: 1.0, 
                                        label: 'Student',
                                        min: 0,
                                        max:10000
                                }
                        }});
    }    

我刚刚学习jqplot我并不熟悉所有选项。 什么时候可能做错了？

感谢任何帮助。

Answer 1

我刚为你发布的片段创建了一个小提琴。 它对我来说很好。

我认为你缺少必要的jqPlot文件。
确保您在<script>标签

中包含必要的文件

这是要包含的文件列表。您是否已将这些文件包含在代码中？

1. Jquery JS文件
2. jquery.jqplot.min.js（jqPLot JS File）
3. jqplot.canvasAxisLabelRenderer.min.js
4. jqplot.canvasTextRenderer.min.js
5. jquery.jqplot.min.css（jqPLot CSS文件）

以下是小提琴的链接：JS Fiddle Link

希望它有所帮助： - ）