Javascript amCharts-阳台不显示在线形图上
我正在尝试基于对象的方法来创建图表 无论我做什么,我都不能让阳台显示在我的折线图上。如果我把它切换到柱状图,阳台就会显示出来 这是我的方法Javascript amCharts-阳台不显示在线形图上,javascript,amcharts,Javascript,Amcharts,我正在尝试基于对象的方法来创建图表 无论我做什么,我都不能让阳台显示在我的折线图上。如果我把它切换到柱状图,阳台就会显示出来 这是我的方法 AmCharts.ready( function() { // init wrapper var chart = new AmCharts.AmSerialChart(); chart.dataProvider = chartData; chart.categoryField = "date"; // config baloon
AmCharts.ready( function() {
// init wrapper
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = "date";
// config baloon
var balloon = chart.balloon;
balloon.adjustBorderColor = true;
balloon.color = "#000000";
balloon.cornerRadius = 5;
balloon.fillColor = "#FFFFFF";
var graph = new AmCharts.AmGraph();
graph.valueField = "value";
graph.balloonText = "[[category]]: <b>[[value]]</b>";
graph.type = "column";
chart.addGraph( graph );
var categoryAxis = chart.categoryAxis;
categoryAxis.autoGridCount = false;
categoryAxis.gridCount = chartData.length;
categoryAxis.gridPosition = "start";
var chartScrollbar = new AmCharts.ChartScrollbar();
chart.addChartScrollbar(chartScrollbar);
chart.write( "graphMonitor" );
});
AmCharts.ready(函数(){
//初始化包装器
var chart=new AmCharts.AmSerialChart();
chart.dataProvider=chartData;
chart.categoryField=“日期”;
//配置阳台
var balloon=chart.balloon;
balloon.adjustBorderColor=true;
balloon.color=“#000000”;
balloon.cornerRadius=5;
balloon.fillColor=“#ffffffff”;
var-graph=新的AmCharts.AmGraph();
graph.valueField=“value”;
graph.ballootText=“[[category]]:[[value]]”;
graph.type=“column”;
图表。添加图表(图形);
var categoryAxis=chart.categoryAxis;
categoryAxis.autoGridCount=false;
categoryAxis.gridCount=chartData.length;
categoryAxis.gridPosition=“开始”;
var chartScrollbar=新的AmCharts.chartScrollbar();
chart.addChartScrollbar(chartScrollbar);
书写图表(“图形监视器”);
});
有人能告诉我我做错了什么吗?线形图要求您在图形中添加(
graph.bullet=“round”
或任何形状)或(chart.chartCursor=new AmCharts.chartCursor();
)以显示引出序号。选择最适合您的用例的方法
var chartData=getData();
//初始化包装器
var chart=new AmCharts.AmSerialChart();
chart.dataProvider=chartData;
chart.categoryField=“日期”;
//配置阳台
var balloon=chart.balloon;
balloon.adjustBorderColor=true;
balloon.color=“#000000”;
balloon.cornerRadius=5;
balloon.fillColor=“#ffffffff”;
var-graph=新的AmCharts.AmGraph();
graph.valueField=“value”;
graph.ballootText=“[[category]]:[[value]]”;
graph.type=“line”;
graph.bullet=“圆形”;
图表。添加图表(图形);
var categoryAxis=chart.categoryAxis;
categoryAxis.autoGridCount=false;
categoryAxis.parseDates=true;
categoryAxis.gridCount=chartData.length;
categoryAxis.gridPosition=“开始”;
var chartScrollbar=新的AmCharts.chartScrollbar();
chart.addChartScrollbar(chartScrollbar);
//chart.chartCursor=新的AmCharts.chartCursor()//气球的替代解决方案
书写图表(“图形监视器”);
函数getData(){
var数据=[];
var firstDate=新日期();
var newDate;
firstDate.setDate(firstDate.getDate()-10);
对于(变量i=0;i<10;++i){
newDate=新日期(firstDate);
newDate.setDate(i);
数据推送({
“日期”:newDate,
“值”:Math.floor(Math.random()*20+10)
});
}
返回数据;
}
谢谢!!:)。。对我来说,与游标完美配合:)