Question

我找到了这个用于绘制图表的jsfiddle：

我在X轴上有一个日期时遇到问题。在示例中它说：

x: new date(...

但是我希望显示这样的日期：＆＃34; 11-jun＆＃34; 我尝试制作一个字符串格式，如＆＃34; 11-jun ＆＃34;但是，这个职业与新日期一起工作。或没有＆＃39;新日期＆＃39;

Answer 1

如果您在文档中阅读 http://canvasjs.com/docs/charts/basics-of-creating-html5-chart/labels-index-labels/您会发现必须更新图表配置并添加

axisX：{ valueFormatString：“DD-MMM” }

实现所需的格式化。

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
    text: "MultiSeries Chart from JSON"
  },
  toolTip: {
    animationEnabled: true,
    shared: true
  },
  data: dataSeries,
  // This is what you need to add:
  axisX: {
    valueFormatString: "DD-MMM" 
  }
});

这里有一个更新的小提琴（它看起来很奇怪，因为你的数据都在同一天）：http://jsfiddle.net/62t2fxjh/

修改此jsfiddle以使用不同的数据类型

1 个答案: