AnyChart折线图显示的x轴非对称。
创始人
2024-08-22 10:00:17
0

要在AnyChart中创建一个非对称的折线图,可以使用OrdinalDateTime类型的x轴。

以下是一个示例代码,演示了如何在AnyChart中创建一个非对称的折线图:

// 创建一个数据集
var data = [
  { x: "Jan", value: 10 },
  { x: "Feb", value: 15 },
  { x: "Mar", value: 20 },
  { x: "Apr", value: 25 },
  { x: "May", value: 30 },
  { x: "Jun", value: 35 },
  { x: "Jul", value: 40 },
];

// 创建一个图表实例
var chart = anychart.line();

// 创建一个Ordinal类型的x轴
var xAxis = chart.xAxis();
xAxis.title("Months");

// 创建一个线性类型的y轴
var yAxis = chart.yAxis();
yAxis.title("Values");

// 将数据集添加到图表中
chart.line(data);

// 渲染图表
chart.container("container");
chart.draw();

在上面的示例中,我们使用了Ordinal类型的x轴,它将数据点的x值视为字符串,并按照它们在数据集中的顺序进行排列。这样,我们可以创建一个非对称的x轴。

如果你的x轴数据是日期时间类型,你可以使用DateTime类型的x轴。以下是一个示例代码:

// 创建一个数据集
var data = [
  { x: new Date(2022, 0, 1), value: 10 },
  { x: new Date(2022, 1, 1), value: 15 },
  { x: new Date(2022, 2, 1), value: 20 },
  { x: new Date(2022, 3, 1), value: 25 },
  { x: new Date(2022, 4, 1), value: 30 },
  { x: new Date(2022, 5, 1), value: 35 },
  { x: new Date(2022, 6, 1), value: 40 },
];

// 创建一个图表实例
var chart = anychart.line();

// 创建一个DateTime类型的x轴
var xAxis = chart.xAxis();
xAxis.title("Months");

// 创建一个线性类型的y轴
var yAxis = chart.yAxis();
yAxis.title("Values");

// 将数据集添加到图表中
chart.line(data);

// 渲染图表
chart.container("container");
chart.draw();

在上面的示例中,我们使用了DateTime类型的x轴,它将数据点的x值视为日期时间对象,并按照它们的时间顺序进行排列。

希望这可以帮助到你!

相关内容

热门资讯

重大通报!wepoker高级辅... 重大通报!wepoker高级辅助,德普之星辅助软件,玩家教程(有挂辅助)准备好在德普之星辅助软件ia...
玩家必看科普!wepoker正... 《玩家必看科普!wepoker正确养号方法,德州透视是真的吗,解密教程(有挂透明)》 wepoker...
每日必备!智星德州可以透视吗,... 每日必备!智星德州可以透视吗,sohoo poker辅助器,德州论坛(有挂技巧);智星德州可以透视吗...
最新技巧!hhpoker辅助软... 最新技巧!hhpoker辅助软件下载,hhpoker俱乐部是干嘛的,详细教程(有挂神器)1、许多玩家...
一分钟了解!we-poker辅... 1、一分钟了解!we-poker辅助器,pokerworld软件,解密教程(有挂攻略)。2、we-p...
一分钟了解!wpk刷入池率脚本... 一分钟了解!wpk刷入池率脚本,大菠萝辅助器,AA德州教程(有挂教程);大神普及一款德州ai内幕,确...
分享实测!来玩app 德州 辅... 分享实测!来玩app 德州 辅助,hh poker软件,大神讲解(有挂方法);1分钟了解详细教程(微...
交流学习经验!aapoker脚... 交流学习经验!aapoker脚本怎么用,wepoker辅助透视软件,攻略教程(有挂神器)关于wepo...
最新通报!wepoker辅助器... 最新通报!wepoker辅助器安装包,wepoker辅助器,玩家教你(有挂技巧);大神普及一款德州a...
揭秘!德州辅助工具到底怎么样,... 揭秘!德州辅助工具到底怎么样,wepoker私人局透视方法,安装教程(有挂教程);人气非常高,ai更...