Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/jenkins/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在图表中显示x轴上的所有值_Jquery_Amcharts - Fatal编程技术网

Jquery 如何在图表中显示x轴上的所有值

Jquery 如何在图表中显示x轴上的所有值,jquery,amcharts,Jquery,Amcharts,我想显示用户获得的准确总数,如下所示: 下面是我如何生成图表的。如果我能显示x轴上的所有值,那么有没有办法显示精确的值呢。 var chart=AmCharts.makeChart(“chartdiv”{ “主题”:“光”, “类型”:“串行”, “数据提供者”:[ { “年”:“工作------------------”, “收入”:0 }, { “年”:“嗯”, “收入”: }, { “年”:“以机会为导向”, “收入”: }, { “年”:“关系驱动”, “收入”: }, { “年”:

我想显示用户获得的准确总数,如下所示:

下面是我如何生成图表的。如果我能显示x轴上的所有值,那么有没有办法显示精确的值呢。

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,