请问，如何将JS的变量传递给highcharts中series：data,感觉都是基于JS，怎么就不行呢？

lgmsyy 2015-05-15 10:27:05

...全文

10946 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

chentao01194691 2017-11-02

打赏
举报

楼主怎么解决的啊，，遇到相同的问题，，按格式写好使，动态加载数据格式也是一样的就不好使，，把字符串转成对象也不好使

qq_24413027 2017-08-30

打赏
举报

引用 12 楼 juewang_love 的回复:

加个设值的方法


 chart.series[0].setData(temStr);
    chart.xAxis[0].setCategories(dataStr);

thanks a lot

weikan9995 2017-03-15

打赏
举报

data: eval(temStr) 这样才可以。这个方法可以，谢谢大神。

chengmuji352 2016-08-08

打赏
举报

11楼可以，var msg=[1,2,3,5] ； data: eval(msg),,,,,, 完美解决

飞翔的飞起 2016-05-19

打赏
举报

我刚好在做一个饼形图，你去掉var temStr = "[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]";后面的双引号就可以了，我就是这样做的，也能够正常显示。

dh_hui 2016-04-17

打赏
举报

从JSON读过来的值需要转变为float类型 var data = new Array(); data.push(parseFloat(值))；然后再series中写 data:data就没有问题了

丁垠午 2015-12-07

打赏
举报

加个设值的方法


 chart.series[0].setData(temStr);
    chart.xAxis[0].setCategories(dataStr);

夜深游 2015-11-19

打赏
举报

data: eval(temStr) 这样才可以。

jukelan 2015-10-19

打赏
举报

楼主，data中的数据最好是整形，用函数parseInt(你的值),完全可以正常显示

shaodezheng 2015-09-25

打赏
举报

将字符串转换为object

var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
var obj = eval ("(" + txt + ")");

qq_30663059 2015-09-14

打赏
举报

楼主解决了吗？求答案呀，急用谢谢了

supertanxing 2015-08-23

打赏
举报

大神请问解决没有啊，我遇到一样的问题了

逝_去_的_光_阴 2015-05-15

打赏
举报

引用 4 楼 lgmsyy 的回复:

双引号去掉啊不是字符串啊

逝_去_的_光_阴 2015-05-15

打赏
举报

引用 3 楼 lgmsyy 的回复:

我将插件需要的格式原封不动的写在变量temStr中，然后在data:strTemp中这样引用，结果是一样的啊


var dataStr=[2,2,3,12,3,3,3,1,2,0,3,3,2,3,1,1,2,2,2,8,10,4,5,7,4,2,1,0,2,3,0];
var temStr=["04-14","04-15","04-16","04-17","04-18","04-19","04-20","04-21","04-22","04-23","04-24","04-25","04-26","04-27","04-28","04-29","04-30","05-01","05-02","05-03","05-04","05-05","05-06","05-07","05-08","05-09","05-10","05-11","05-12","05-13","05-14"];
//如果上两行报错，就在加上引号

xAxis: {
    categories: dataStr//返回的日期数据
 },
 series: [{
    name: 'XXX',
    data: temStr//返回的值数据
}],

你试试上面的替换对应部分

lgmsyy 2015-05-15

打赏
举报

引用 3 楼 lgmsyy 的回复:

[quote=引用 2 楼 u011376884 的回复:] 你的temStr 不是插件要求的格式，插件不认，看清插件需要的格式再写

我将插件需要的格式原封不动的写在变量temStr中，然后在data:strTemp中这样引用，结果是一样的啊 <script type="text/javascript"> var temStr = "[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]"; $(document).ready(function() { var panel = navTab.getCurrentPanel(); var body = panel.find(".view-body"); var url = body.data("url"); var lgm = ""; $.ajax({ ... success: function(data) { ... var lgm = data lgmway(lgm); } }); function lgmway(lgm){ //$(lgm).each(function (i, item) { // //temStr=temStr+"['"+item.name+"',"+(i+10)+"],"; //}) //if(temStr.length>0){ //temStr="["+temStr.substring(0,temStr.length-1)+"]"; //alert(temStr); //} $('.chart-container22').highcharts({ chart: { type: 'pie', options3d: { enabled: true, alpha: 45, beta: 0 } }, title: { text: '统计' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', depth: 35, dataLabels: { enabled: true, format: '{point.name}' } } }, credits: { enabled: true, text: '' }, series: [{ type: 'pie', name: '学历', //data: [['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]] data:temStr }] }); //alert(temStr); } }); </script> [/quote] 如果我直接data:[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]就没有问题；如果我将 "[['专科及以下',0],['本科',75],['研究生',15],['博士及以上',10]]"赋给变量temStr这个变量。再data:temStr 就不行。插件中的格式，和我写的格式应该是一样的啊。否则为什么直接写就可以呢？

lgmsyy 2015-05-15