Jquery Flot Chart标签未显示

时间:2015-04-01 20:12:20

标签: javascript jquery asp.net jquery-plugins flot

所以我正在学习flot图表,但是在使用选项时,我很难看到标签显示或图例。某些选项可以使用(如行的fill和fillColor),但不是其他选项? 在桌子上敲我的头

由于某些原因,它在jsfiddle中根本没有显示,但它在我的网络应用程序中显示。

<h1>Flot Examples</h1>
<div id="placeholder" class="placeholder" style="width:500px; height:300px; background-color:darkcyan;"  runat="server">

<script type="text/javascript">
    var data, data1, dataTime, options, chart;
    var date = new Date(); //2015
    var date1 = date.setDate(date.getDate());
    var date2 = date.setDate(date.getDate() - 365); //2015
    var date3 = new Date(date.getFullYear() - 2, date.getMonth() - 5, date.getDate() - 6);

    dataTime = [
        [date1, 1],
        [date2, 3],
        [date3, 6]
    ];
    data2 = [dataTime];

    data1 = [
        [1, 4],
        [2, 5],
        [3, 6],
        [4, 9],
        [5, 7],
        [6, 6],
        [7, 2],
        [8, 1],
        [9, 3]
    ];
    data = [data1];
    options = {
        series: {
            //bars: { show: true }
            lines: {
                show: true,
                // fill: true,
                //fillColor: "#000000"
            },

        },
        xaxis: {
            mode: "time"
        },
        yaxis: {
            min: 1
        },
        selection: {
            mode: "x"
        },
        grid: {
            show: true
        },
        //   clickable: true,
        // hoverable: true,
        shadowSize: 20,
        highlightColor: "#ffffff", //this is the color of the circle that appears
        label: {
            string: "invisible"
        },
        tooltip: true,
        legend: {
            show: true,
            labelBoxBorderColor: "#ffffff",
            position: "ne",
            margin: 10,
            backgroundColor: "#66ccff",

        }

    };

    $(document).ready(function() {
        //  chart1 = $.plot($('<%= placeholder.ClientID %>'), data, options);
        chart1 = $.plot($(".placeholder"), data2, options);
    });
</script>![enter image description here][1]

1 个答案:

答案 0 :(得分:1)

我建议使用此插件用于轴标签:https://github.com/markrcote/flot-axislabels。它可以让你简单地为x和y轴添加标签。