Jquery 如何在图表中显示x轴上的所有值
我想显示用户获得的准确总数,如下所示: 下面是我如何生成图表的。如果我能显示x轴上的所有值,那么有没有办法显示精确的值呢。Jquery 如何在图表中显示x轴上的所有值,jquery,amcharts,Jquery,Amcharts,我想显示用户获得的准确总数,如下所示: 下面是我如何生成图表的。如果我能显示x轴上的所有值,那么有没有办法显示精确的值呢。 var chart=AmCharts.makeChart(“chartdiv”{ “主题”:“光”, “类型”:“串行”, “数据提供者”:[ { “年”:“工作------------------”, “收入”:0 }, { “年”:“嗯”, “收入”: }, { “年”:“以机会为导向”, “收入”: }, { “年”:“关系驱动”, “收入”: }, { “年”:
var chart=AmCharts.makeChart(“chartdiv”{
“主题”:“光”,
“类型”:“串行”,
“数据提供者”:[
{
“年”:“工作------------------”,
“收入”:0
},
{
“年”:“嗯”,
“收入”:
}, {
“年”:“以机会为导向”,
“收入”:
}, {
“年”:“关系驱动”,
“收入”:
}, {
“年”:“种类”,
“收入”:
},
{
“年”:“年”,
“收入”:0
},
{
“年”:“智能-----------------”,
“收入”:0
},
{
“年”:“成功”,
“收入”:
},
{
“年度”:“管理层”,
“收入”:
},
{
“年”:“以行动为导向”,
“收入”:
},
{
“年”:“弹性”,
“收入”:
},
{
“年”:“顽强”,
“收入”:
},
],
“价值轴”:[{
“标题”:“工作智能评估”,
“最小值”:0,
“最高限额”:5
}],
“图表”:[{
“文本”:“收入[[类别]]:[[价值]”,
“填充字母”:1,
“lineAlpha”:0.2,
“头衔”:“收入”,
“类型”:“列”,
“valueField”:“收入”,
“颜色字段”:“颜色”
}],
“深度3D”:0,
“角度”:30,
“旋转”:正确,
“类别字段”:“年份”,
“分类法”:{
“网格位置”:“开始”,
“fillAlpha”:0.05,
“位置”:“左”
},
“出口”:{
“已启用”:真
}
});
您可以采取两种方法
1) 您可以在图形中设置为“”[[value]]”“
,以在列顶部显示总计,但是您不能使其像屏幕截图中那样显示在所有边缘。如果您的值接近X轴的末端,您可能还希望将其设置为true,以便强制使其可见。这是最简单的选项,因为值由图表自动呈现:
graphs: [{
// ...
labelText: "[[value]]"
showAllValueLabels: true,
// ...
}]
演示:
var chart=AmCharts.makeChart(“chartdiv”{
“主题”:“光”,
“类型”:“串行”,
“数据提供者”:[{
“年”:“工作------------------”,
“收入”:0
},
{
“年”:“嗯”,
“收入”:1.0
}, {
“年”:“以机会为导向”,
“收入”:2.0
}, {
“年”:“关系驱动”,
“收入”:3.0
}, {
“年”:“种类”,
“收入”:4.0
},
{
“年”:“年”,
“收入”:0
},
{
“年”:“智能-----------------”,
“收入”:0
},
{
“年”:“成功”,
“收入”:4.8
},
{
“年度”:“管理层”,
“收入”:3.8
},
{
“年”:“以行动为导向”,
“收入”:2.5
},
{
“年”:“弹性”,
“收入”:1.3
},
{
“年”:“顽强”,
“收入”:1.8
},
],
“价值轴”:[{
“标题”:“工作智能评估”,
“最小值”:0,
“最高限额”:5
}],
“图表”:[{
“文本”:“收入[[类别]]:[[价值]”,
“填充字母”:1,
“lineAlpha”:0.2,
“头衔”:“收入”,
“类型”:“列”,
“valueField”:“收入”,
“labelText”:“[[value]]”,
“showAllValueLabels”:正确,
“颜色字段”:“颜色”
}],
“深度3D”:0,
“角度”:30,
“旋转”:正确,
“类别字段”:“年份”,
“分类法”:{
“网格位置”:“开始”,
“fillAlpha”:0.05,
“位置”:“左”
},
“出口”:{
“已启用”:真
}
});代码>
html,正文{
宽度:100%;
身高:100%;
}
#沙特迪夫{
宽度:100%;
身高:100%;
}
您可以采取两种方法
1) 您可以在图形中设置为“”[[value]]”“
,以在列顶部显示总计,但是您不能使其像屏幕截图中那样显示在所有边缘。如果您的值接近X轴的末端,您可能还希望将其设置为true,以便强制使其可见。这是最简单的选项,因为值由图表自动呈现:
graphs: [{
// ...
labelText: "[[value]]"
showAllValueLabels: true,
// ...
}]
演示:
var chart=AmCharts.makeChart(“chartdiv”{
“主题”:“光”,
“类型”:“串行”,
“数据提供者”:[{
“年”:“工作------------------”,
“收入”:0
},
{
“年”:“嗯”,
“收入”:1.0
}, {
“年”:“以机会为导向”,
“收入”:2.0
}, {
“年”:“关系驱动”,
“收入”:3.0
}, {
“年”:“种类”,
“收入”:4.0
},
{
“年”:“年”,
“收入”:0
},
{
“年”:“智能-----------------”,
“收入”:0
},
{
“年”:“成功”,
“收入”:4.8
},
{
“年度”:“管理层”,
“收入”:3.8
},
{
“年”:“以行动为导向”,
“收入”:2.5
},
{
“年”:“弹性”,
“收入”:1.3
},
{
“年”:“顽强”,
“收入”:1.8
},
],
“价值轴”:[{
“标题”:“工作智能评估”,
“最小值”:0,
“最高限额”:5
}],
“图表”:[{
“文本”:“收入[[类别]]:[[价值]”,
“填充字母”:1,
“lineAlpha”:0.2,
“头衔”:“收入”,
“类型”:“列”,
“valueField”:“收入”,
“labelText”:“[[value]]”,
“showAllValueLabels”:正确,
“颜色字段”:“颜色”
}],
“深度3D”:0,
“角度”:30,
“旋转”:正确,
“类别字段”:“年份”,
“分类法”:{
“网格位置”:“开始”,
“fillAlpha”:0.05,
“位置”:“左”
},
“出口”:{
“已启用”:真
}
});代码>
html,正文{
宽度:100%;
身高:100%;
}
#沙特迪夫{
宽度:100%;
身高:100%;
}
labelText:“[[value]]”showAllValueLabels:true,labelText:“[[value]]”showAllValueLabels:true,