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值视为日期时间对象,并按照它们的时间顺序进行排列。

希望这可以帮助到你!

相关内容

热门资讯

科技揭秘(we辅助poker德... 科技揭秘(we辅助poker德之星)外挂透明挂辅助软件(透视)辅助透视(2020已更新)(哔哩哔哩)...
总算了解(德扑之星专业)外挂透... 总算了解(德扑之星专业)外挂透明挂辅助挂(辅助挂)竟然真的有挂(透视教程)(哔哩哔哩);德扑之星专业...
技术分享!菠萝德州辅助神器(透... 菠萝德州辅助神器新手教程相关信息汇总(需添加指定薇757446909获取下载链接);技术分享!菠萝德...
分享给玩家(wPK)外挂透明挂... 分享给玩家(wPK)外挂透明挂辅助插件(辅助挂)透视辅助(2021已更新)(哔哩哔哩);亲们利用一分...
揭秘真相(AAPOKer)外挂... 揭秘真相(AAPOKer)外挂透明挂辅助工具(辅助挂)确实真的有挂(wpk教程)(哔哩哔哩);亲真的...
玩家攻略推荐!智星德州菠萝偷偷... 玩家攻略推荐!智星德州菠萝偷偷看功能(透视)辅助透视(有挂规律)-哔哩哔哩1、很好的工具软件,可以解...
1分钟了解(wepoke辅助透... 1分钟了解(wepoke辅助透视)外挂透明挂辅助软件(透视)软件透明挂(2020已更新)(哔哩哔哩)...
热点讨论(Wepoke代打ai... 热点讨论(Wepoke代打ai)外挂透明挂辅助挂(透视)的确是真的有挂(2024教程)(哔哩哔哩)是...
透视玄学!哈糖大菠萝平台正规(... 透视玄学!哈糖大菠萝平台正规(透视)软件透明挂(有挂规律)-哔哩哔哩;哈糖大菠萝平台正规是一款益智类...
终于知道(AAPOKER)外挂... AAPOKER透视辅助版本解析‌,终于知道(AAPOKER)外挂透明挂辅助机制(辅助挂)软件透明挂(...