Question

我有一个使用jquery的图表构建。我已正确插入数据，图表正确显示。使用的代码是：

var plot = jQuery.plot(jQuery("#chartplace"), [{ 
    data: fatturato, 
    label: "Fatturato", 
    color: "#069"
}, { 
    data: spese,     
    label: "Spese", 
    color: "#FF6600"
}], {
    series: {
        lines: { 
            show: true, 
            fill: true, 
            fillColor: { 
                colors: [{ 
                    opacity: 0.05 
                }, { 
                    opacity: 0.15 
                }]
            } 
        },
        points: { 
            show: true 
        }
    },
    legend: { 
        position: 'nw'
    },
    grid: { 
        hoverable: true, 
        clickable: true, 
        borderColor: '#ccc', 
        borderWidth: 1, 
        labelMargin: 10 
    },
});

如何为label和x轴插入y？

谢谢。

Answer 1

假设您正在使用jqPlot（当前未标记为jqPlot），您需要将以下选项添加到您要提供的图表配置对象中

axes:{
    xaxis:{
      label:'Some X Axis label'
    },
    yaxis:{
      label:'Some Y Axis label'
    }
  }

可在此link找到文档。

您的最终配置应如下所示

var plot = jQuery.plot(jQuery("#chartplace"), [{ 
    data: fatturato, 
    label: "Fatturato", 
    color: "#069"
}, { 
    data: spese,     
    label: "Spese", 
    color: "#FF6600"
}], {
    series: {
        lines: { 
            show: true, 
            fill: true, 
            fillColor: { 
                colors: [{ 
                    opacity: 0.05 
                }, { 
                    opacity: 0.15 
                }]
            } 
        },
        points: { 
            show: true 
        }
    },
    axes:{
        xaxis:{
          label:'Some X Axis label'
        },
        yaxis:{
          label:'Some Y Axis label'
        }
      }
    legend: { 
        position: 'nw'
    },
    grid: { 
        hoverable: true, 
        clickable: true, 
        borderColor: '#ccc', 
        borderWidth: 1, 
        labelMargin: 10 
    },
});

在jquery图表上插入x-y轴的标签

1 个答案: