Jquery Flot Chart 标签未显示

Posted 2023-05-09

【中文标题】Jquery Flot Chart 标签未显示

【英文标题】：Jquery Flot Chart label not showing

【发布时间】：2015-06-06 15:17:22

【问题描述】：

所以我正在学习浮动图表，但是在使用选项时我很难显示标签或图例。某些选项可以工作（比如线条的填充和填充颜色），但其他选项不行吗？ 把我的头撞到桌子上

由于某种原因，它根本没有出现在 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]

【问题讨论】：

jsfiddle.net/#&togetherjs=zj9whJmvV5

标签、工具提示或图例都不起作用，但截至 2015 年 4 月 1 日，我才深入研究了标签

【参考方案1】：

我推荐这个插件用于轴标签：https://github.com/markrcote/flot-axislabels。它让您可以非常简单地为 x 和 y 轴添加标签。

【讨论】：

很高兴听到这个消息。请务必查看人们制作的所有其他 Flot 插件。如果你被困在某个地方，很有可能有人已经为它制定了解决方案。

我在哪里可以找到这些？

flotcharts.org/plugins 和 jumflot.jumware.com/examples/pluginsV2.html