0

tickIntervalx軸の線形分布を得るためにjqPlotチャートレンダラーを提供したいと思います。

 $.jqplot.config.enablePlugins = true;
    var chartData = [[1, 224], [3, 672], [5, 1120],[15,2240]];

    function PlotChart(chartData) {


    var plot2 = $.jqplot('chart1', [chartData], {
        title: 'Mouse Cursor Tracking',
        seriesDefaults: {
            renderer: $.jqplot.CanvasAxisLabelRenderer,
            rendererOptions: {
                smooth: true
            },
            pointLabels: {
                show: true
            }
        },
        axes: {
            xaxis: {
                label: 'Number of Cookies',
                renderer: $.jqplot.CategoryAxisRenderer,
                // renderer to use to draw the axis,     
                tickOptions: {
                    formatString: '%d'
                }
            },
            yaxis: {
                label: 'Calories',
                tickOptions: {
                    formatString: '%.2f'
                }
            }
        },
        highlighter: {
            sizeAdjust: 7.5
        },
        cursor: {
            show: true
        }
   });
} PlotChart(chartData);

jsfiddle の例

上記は、現在のチャートの例です。
(tickInterval - 5) にポイント 1、5、10、15、20を提供したいとxaxis思います。1,3,5,15 プロットに関連して、値 [[1, 224 ]、[3、672]、[5、1120]、[15,2240]]

現在、不均一な分布に従って配布されている場所xticks。どんな助けでも大歓迎です！

最小/最大とプロパティを使用して取得しようとしましたtickIntervalが、うまくいかないようです。

4

2 に答える 2

0

使用しないことrenderer: $.jqplot.CategoryAxisRendererで、思い通りに進めることができます

于 2013-12-30T21:04:21.167 に答える