Flotchart格式轴值

时间:2013-03-22 12:13:29

标签: php jquery-plugins

我正在使用Flotcharts PHP 。我面临两个问题

  1. 我想在Y轴上以井格式表示数字,例如 1500 必须显示为 1,500 ,依此类推。我知道php函数number_format()但是如果我通过number_format()而绘图图表firebug会抛出解析错误。请参阅标题 ISSUE-1 下的代码并检查echo number_format(6443.230356)
  2. 如果Y轴的值来自( 1到9 ),那么它当前显示为( 1,2 ... 9 )。我想表示这些值,如( 1.0,2.0,3.0,... 9.0
  3. ISSUE-1

    <script>
    plotOptions = {
    "colors":["#edaf40","#999","#edaf3e","#ec8","#9cc","#dad","#9ce","#fca"],
    "grid":{
    "labelMargin":0,
    "tickColor":"#e3e3e3",
    "backgroundColor":"#f2f2f2",
    "borderWidth":0.5,
    "hoverable":true,
    "autoHighlight":true,
    "clickable":false,
    "color":"#bbb"
    },
    "bars": { show: true, barWidth: 0.85, series_spread: true, align: "center","lineWidth": 0.3,fillColor:{colors: [ { opacity: 1 }, { opacity: 1 } ] } },
    "lines":{"show":false,"lineWidth":1.25,"fill":0},
    "points":{"show":false,"radius":2,"lineWidth":2,"fill":1},
    "shadowSize":1,
    "yaxis":{"min":0,"max":<?php echo number_format(6443.230356)?>,axisLabel: '',axisLabelUseCanvas: false,axisLabelFontSizePixels: 12,axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',axisLabelPadding: 5},
    "xaxis":{"min":"1989","max":"2016","tickSize":5,"tickLength": 0, "ticks": 0.1},
    zoom: {
    interactive: true
    }
    };
    </script>
    

    enter image description here

    我也试过了"max":'<?php echo number_format(6443.230356)?>'但是这次firebug没有说错号。

    NaN
    

    以及

    enter image description here

    我搜索了他们的网站但没有找到解决方案。请指导如何解决。

    要修复第2点,我试过

    function suffixFormatter(val) {
        if (val >= 1)
            return val.toFixed(yaxis.tickDecimals) + " 0";
        else if (val <= 9)
            return val.toFixed(yaxis.tickDecimals) + " 0";
        else  
            return val;
    }
    
    "yaxis":{"function":suffixFormatter(<?php echo $min_val;?>), "min":<?php echo $min_val;?>,"max":<?php echo (1.2*$yaxismax);?>,axisLabel: '<?=$indicatorData[0]->unit?>',axisLabelUseCanvas: false,axisLabelFontSizePixels: 12,axisLabelFontFamily: 'Verdana, Arial, Helvetica, Tahoma, sans-serif',axisLabelPadding: 5},
    

    但错误发生在yaxis is not define tickDecimals is not define

    我真的很喜欢 FlotChart 支持它非常非常糟糕没有正确的示例代码没有正确的指南。请有人指导我吗?

2 个答案:

答案 0 :(得分:2)

您在数字中使用逗号,因此“max”属性的值为“6”,然后逗号关闭“max”属性。所以程序读取443作为另一个属性名称,然后它查找“:”,但只给出另一个逗号...

所以,毕竟,我认为数字只能是整数或用点而不是逗号,因为逗号会关闭属性值字段。

答案 1 :(得分:0)

对于您的第二个问题 - 设置tickDecimals选项。