Javascript flot条形图刻度不显示

Javascript flot条形图刻度不显示,javascript,jquery,flot,bar-chart,Javascript,Jquery,Flot,Bar Chart,我的数据: var data5 = [ { label: "my cat", data: [[1,10], [4,20], [7,30]], color: 'rgb(85, 96, 42)'}, { label: "my job", data: [[2,30], [5,20], [8,30]], color: '#42215F'} ]; 我的选择: var type = {}; type[charttype] = {show: true}; type["xaxis"] =

我的数据:

var data5 = [
    { label: "my cat",  data: [[1,10], [4,20], [7,30]], color: 'rgb(85, 96, 42)'},
    { label: "my job",  data: [[2,30], [5,20], [8,30]], color: '#42215F'}
];
我的选择:

var type = {};
type[charttype] = {show: true};
type["xaxis"] = {ticks: [[1,"foo"], [2,"bar"], [4,"cat"], [5,"woo"], [7,"cookie"], [8,"yay"]]};

var chart_options = {};
chart_options["series"] = type;
然而,当我

var plot = $.plot($(div), data5, chart_options);
刻度显示为1-9,而不是我给出的字符串。 我做错了什么?

试试这个:

var data5 = [
    { label: "my cat",  data: [[1,10], [4,20], [7,30]], color: 'rgb(85, 96, 42)'},
    { label: "my job",  data: [[2,30], [5,20], [8,30]], color: '#42215F'}
];

var chart_options = {
    series: {lines:{show: true}},
    xaxis:{ticks: [[1,"foo"], [2,"bar"],  [4,"cat"], [5,"woo"],  [7,"cookie"], [8,"yay"] ]}
};

var plot = $.plot($('div'), data5, chart_options);

图表类型
替换为实际类型(线/点..)

xaxis
不应位于
series
对象的内部,而应位于同一级别。

尝试以下操作:

var data5 = [
    { label: "my cat",  data: [[1,10], [4,20], [7,30]], color: 'rgb(85, 96, 42)'},
    { label: "my job",  data: [[2,30], [5,20], [8,30]], color: '#42215F'}
];

var chart_options = {
    series: {lines:{show: true}},
    xaxis:{ticks: [[1,"foo"], [2,"bar"],  [4,"cat"], [5,"woo"],  [7,"cookie"], [8,"yay"] ]}
};

var plot = $.plot($('div'), data5, chart_options);

图表类型
替换为实际类型(线/点..)


xaxis
不应位于
series
对象的内部,而应位于同一级别。

确实有效。。。所以我的格式一定有问题。我需要能够保持它的格式,我有它-你能看到错误是什么吗?这是你的版本(只是修复了错误):,希望有帮助的工作。。。所以我的格式一定有问题。我需要能够以我现有的格式保存它--您能看到错误是什么吗?这是您的版本(仅修复了错误):,希望这对您有所帮助