Javascript anychart不接受动态添加的数据

Javascript anychart不接受动态添加的数据,javascript,json,charts,anychart,Javascript,Json,Charts,Anychart,我使用anychart在我的页面中绘制图表,我的代码如下 $(文档).ready(函数(){ anychart.onDocumentReady(函数(){ var数据=$(“#chart charitytomoney”).val(); //创建柱形图 chart=anychart.column(); //启用图表动画 图表.动画(真实); //设置图表标题文本设置 图表标题(“捐赠慈善机构”); //使用传递的数据创建面积系列 警报(数据); var系列=图表列(数据); //设置系列工具提

我使用anychart在我的页面中绘制图表,我的代码如下


$(文档).ready(函数(){
anychart.onDocumentReady(函数(){
var数据=$(“#chart charitytomoney”).val();
//创建柱形图
chart=anychart.column();
//启用图表动画
图表.动画(真实);
//设置图表标题文本设置
图表标题(“捐赠慈善机构”);
//使用传递的数据创建面积系列
警报(数据);
var系列=图表列(数据);
//设置系列工具提示设置
series.tooltip().titleFormatter(函数(){
把这个还给我
});
series.tooltip().textFormatter(函数(){
返回“$”+parseInt(this.value).toLocalString()
});
series.tooltip().position('top')。anchor('bottom')。offsetX(0)。offsetY(5);
//设置最小刻度
chart.yScale()最小值(0);
//设置yAxis标签格式化程序
chart.yAxis().labels().textFormatter(“${%Value}”);
//工具提示位置和交互性设置
chart.tooltip().positionMode('point');
chart.interactivity().hoverMode('byX');
//斧头
chart.xAxis().title(“产品”);
chart.yAxis().title(“收入”);
//设置图表的容器id
图表容器(“图表容器”);
//启动图表绘制
chart.draw();
});
});

传递数据是一种特殊的方式,但您可以这样做,只需:

选项1

您应该在输入字段中使用引号:

<input id="chart-charitytomoney" value="[['Charity 4',10.00],['Charity 2',20.00],['Charity Donate',100.00],['Donate Your Humanity',5920.00],['Gift your Work',3155.00],['Celebrate Baby Shower',770.00],['Refer Friends',110.00],['Gift Your Friends',200.00],['Celebrate B\u0027day With Us',220.00],['Celebrate Weekend',50.00],['Piggy Bank',4100.00],['Give a Single Gift',4050.00]]">
以下是一个示例:

不过,EVE并不十分安全,如果您想将数据存储在这样的字段中的字符串中,请考虑使用这样的代码:

选项2

var data = JSON.parse($("#chart-charitytomoney").val().replace(/\'/g,'\"'));
此示例中显示:

使用
"e

var data = JSON.parse($("#chart-charitytomoney").val().replace(/\&quot;/g,'\"'));
分析引号示例:

选项3

还有一种存储CSV格式字符串的方法:

<input id="chart-charitytomoney" value="Charity 4,10.00;Charity 2,20.00;Charity Donate,100.00;Donate Your Humanity,5920.00;Gift your Work,3155.00;Celebrate Baby Shower,770.00\nRefer Friends,110.00;Gift Your Friends,200.00;Celebrate B\u0027day With Us,220.00;Celebrate Weekend,50.00\nPiggy Bank,4100.00\nGive a Single Gift,4050.00">

传递数据是一种特殊的方式,但您可以这样做,只需:

选项1

您应该在输入字段中使用引号:

<input id="chart-charitytomoney" value="[['Charity 4',10.00],['Charity 2',20.00],['Charity Donate',100.00],['Donate Your Humanity',5920.00],['Gift your Work',3155.00],['Celebrate Baby Shower',770.00],['Refer Friends',110.00],['Gift Your Friends',200.00],['Celebrate B\u0027day With Us',220.00],['Celebrate Weekend',50.00],['Piggy Bank',4100.00],['Give a Single Gift',4050.00]]">
以下是一个示例:

不过,EVE并不十分安全,如果您想将数据存储在这样的字段中的字符串中,请考虑使用这样的代码:

选项2

var data = JSON.parse($("#chart-charitytomoney").val().replace(/\'/g,'\"'));
此示例中显示:

使用
"e

var data = JSON.parse($("#chart-charitytomoney").val().replace(/\&quot;/g,'\"'));
分析引号示例:

选项3

还有一种存储CSV格式字符串的方法:

<input id="chart-charitytomoney" value="Charity 4,10.00;Charity 2,20.00;Charity Donate,100.00;Donate Your Humanity,5920.00;Gift your Work,3155.00;Celebrate Baby Shower,770.00\nRefer Friends,110.00;Gift Your Friends,200.00;Celebrate B\u0027day With Us,220.00;Celebrate Weekend,50.00\nPiggy Bank,4100.00\nGive a Single Gift,4050.00">