Javascript 如何在AMSCHART条形图中删除或隐藏类别名称
我需要从条形图中删除“类别”字段。请建议我如何执行此操作 如果我在里面做了假标签，它会从左边来。我需要把它从吧台上完全去掉 还要检查这个JSFIDLEJavascript 如何在AMSCHART条形图中删除或隐藏类别名称,javascript,angularjs,amcharts,Javascript,Angularjs,Amcharts,我需要从条形图中删除“类别”字段。请建议我如何执行此操作 如果我在里面做了假标签，它会从左边来。我需要把它从吧台上完全去掉 还要检查这个JSFIDLE var chart=AmCharts.makeChart（“chartdiv”{ “类型”：“串行”， “主题”：“光”， “数据提供者”：[{ “索引”：“2.45”， “金额”：“148773.88”， “amt1”：“60794.55”， “颜色”：“ba5bbb”， “颜色1”：“#428DB6”， “名称”：“名称1”， “价值”：“
var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“串行”，
“主题”：“光”，
“数据提供者”：[{
“索引”：“2.45”，
“金额”：“148773.88”，
“amt1”：“60794.55”，
“颜色”：“ba5bbb”，
“颜色1”：“#428DB6”，
“名称”：“名称1”，
“价值”：“148773.88”，
“值1”：“60794.55”
}, {
“索引”：“2.45”，
“金额”：“148773.88”，
“amt1”：“60794.55”，
“颜色”：“ba5bbb”，
“颜色1”：“#428DB6”，
“名称”：“名称2”，
“价值”：“148773.88”，
“值1”：“60794.55”
}, {
“索引”：“2.45”，
“金额”：“148773.88”，
“amt1”：“60794.55”，
“颜色”：“ba5bbb”，
“颜色1”：“#428DB6”，
“名称”：“名称3”，
“价值”：“148773.88”，
“值1”：“60794.55”
}, {
“索引”：“2.45”，
“金额”：“148773.88”，
“amt1”：“60794.55”，
“颜色”：“ba5bbb”，
“颜色1”：“#428DB6”，
“名称”：“名称4”，
“价值”：“148773.88”，
“值1”：“60794.55”
}, {
“索引”：“2.45”，
“金额”：“148773.88”，
“amt1”：“60794.55”，
“颜色”：“ba5bbb”，
“颜色1”：“#428DB6”，
“名称”：“名称5”，
“价值”：“148773.88”，
“值1”：“60794.55”
}],
“类型”：“串行”，
“主题”：“光”，
“类别字段”：“名称”，
“旋转”：正确，
“起始持续时间”：1，
“startEffect”：“easeOutSine”，
“列间距”：0，
“汽车制造商”：错，
“marginBottom”：0，
“拉出半径”：0，
“分类法”：{
“内在”：没错，
“网格位置”：“开始”，
“gridAlpha”：0，
“axisAlpha”：0，
“滴答声位置”：“开始”，
“滴答声长度”：0，
“位置”：“左”
},
“趋势线”：[]，
“图表”：[
{
“BallooText:“[[name]]：$[[amt]]
索引：[[Index]]”，
“填充字母”：0.8，
“fillColorsField”：“color1”，
“id”：“AmGraph-12”，
“lineAlpha”：0.2，
“标题”：“金额”，
“类型”：“列”，
“valueField”：“value”，
“showHandOnHover”：没错，
“labelText”：“[[索引]]”，
“标签位置”：“右侧”，
“固定列宽”：15
},
{
“BallooText:“[[name]]：$[[amt1]]”，
“填充字母”：0.8，
“fillColorsField”：“color”，
“id”：“AmGraph-22”，
“lineAlpha”：0.2，
“标题”：“金额”，
“类型”：“列”，
“valueField”：“value1”，
“showHandOnHover”：没错，
“固定列宽”：15
}
],
“指南”：[]，
“价值轴”：[
{
“id”：“ValueAxis-1”，
“axisAlpha”：0，
“gridAlpha”：0，
“labelsEnabled”：错误，
“最小值”：0
}
],
“所有标签”：[]，
“气球”：{
“fillColor”：“#000000”，
“颜色”：“ffffff”，
“fillAlpha”：1.0，
“抵销额”：0，
“offsetY”：0，
“水平填充”：0，
“最大宽度”：100
},
“标题”：[]，
“出口”：{
“已启用”：真
}
} );
您可以通过在
类别轴labelText您可以通过在
类别轴labelText“hideCredits”：true“hideCredits”：true对于演示，请检查此JSFIDLE，将代码作为文本粘贴到您的问题中，然后突出显示并按Ctrl+K。这允许我们将代码复制并粘贴到我们的IDE中，并帮助识别问题。请阅读以了解需要包含哪些代码或演示检查此JSFIDLE请将代码作为文本粘贴到问题中，然后突出显示并按Ctrl+K。这允许我们将代码复制并粘贴到我们的IDE中，并帮助识别问题。请阅读以了解需要包含的代码
var chart = AmCharts.makeChart( "chartdiv", {
"type": "serial",
"theme": "light",
"dataProvider": [ {
"Index":"2.45",
"amt":"148,773.88",
"amt1":"60,794.55",
"color":"#ba5bbb",
"color1":"#428DB6",
"name":"Name1",
"value":"148773.88",
"value1":"60794.55"
}, {
"Index":"2.45",
"amt":"148,773.88",
"amt1":"60,794.55",
"color":"#ba5bbb",
"color1":"#428DB6",
"name":"Name2",
"value":"148773.88",
"value1":"60794.55"
}, {
"Index":"2.45",
"amt":"148,773.88",
"amt1":"60,794.55",
"color":"#ba5bbb",
"color1":"#428DB6",
"name":"Name3",
"value":"148773.88",
"value1":"60794.55"
}, {
"Index":"2.45",
"amt":"148,773.88",
"amt1":"60,794.55",
"color":"#ba5bbb",
"color1":"#428DB6",
"name":"Name4",
"value":"148773.88",
"value1":"60794.55"
}, {
"Index":"2.45",
"amt":"148,773.88",
"amt1":"60,794.55",
"color":"#ba5bbb",
"color1":"#428DB6",
"name":"Name5",
"value":"148773.88",
"value1":"60794.55"
}],
"type": "serial",
"theme": "light",
"categoryField": "name",
"rotate": true,
"startDuration": 1,
"startEffect":"easeOutSine",
"columnSpacing": 0,
"autoMargins": false,
"marginBottom": 0,
"pullOutRadius": 0,
"categoryAxis": {
"inside": true,
"gridPosition": "start",
"gridAlpha": 0,
"axisAlpha": 0,
"tickPosition": "start",
"tickLength": 0,
"position": "left"
},
"trendLines": [],
"graphs": [
{
"balloonText": " [[name]]: $[[amt]]<br> Index: [[Index]]",
"fillAlphas": 0.8,
"fillColorsField": "color1",
"id": "AmGraph-12",
"lineAlpha": 0.2,
"title": "amt",
"type": "column",
"valueField": "value",
"showHandOnHover":true,
"labelText": "[[Index]]",
"labelPosition": "right",
"fixedColumnWidth": 15
},
{
"balloonText": " [[name]]: $[[amt1]]",
"fillAlphas": 0.8,
"fillColorsField": "color",
"id": "AmGraph-22",
"lineAlpha": 0.2,
"title": "amt",
"type": "column",
"valueField": "value1",
"showHandOnHover":true,
"fixedColumnWidth": 15
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"axisAlpha": 0,
"gridAlpha": 0,
"labelsEnabled": false,
"minimum":0
}
],
"allLabels": [],
"balloon": {
"fillColor": "#000000",
"color": "#ffffff",
"fillAlpha": 1.0,
"offsetX": 0,
"offsetY": 0,
"horizontalPadding":0,
"maxWidth":100
},
"titles": [],
"export": {
"enabled": true
}
} );
amcharts:any;
this.amcharts = AmCharts.makeChart("chartdiv", {
"type": "serial", "theme": "none",
"hideCredits":true,
"pathToImages": "/lib/3/images/",
"dataProvider": this.myList,
"valueAxes": [{ "id": "v1", "axisAlpha": 0, "position": "left" }, { "id": "v2", "axisAlpha": 0, "position": "right", "unit": "%", "gridAlpha": 0, "maximum": 100 }],
"startDuration": 1,
"graphs": [{ "fillAlphas": 1, "title": "value", "type": "column", "valueField": "value" }, { "valueAxis": "v2", "bullet": "round", "lineThickness": 3, "bulletSize": 7, "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "useLineColorForBulletBorder": true, "fillAlphas": 0, "lineAlpha": 1, "title": "Value", "valueField": "Value" }],
"categoryField": "name",
"categoryAxis": { "gridPosition": "start", "axisAlpha": 0, "tickLength": 2, "labelRotation": 90}
});