w3ctech

chart.js 图表可以x轴和y轴翻转么，怎么做？

如标题所说的，怎么让x轴和y轴翻转，用chart.js绘图。

还有一个问题，chart绘制的饼图，数据显示不方便，我怎么能让数据显示到饼图上呢。

请走过路过的大大指教。

w3ctech微信

扫码关注w3ctech微信公众号

共收到4条回复

  • 裕波 2015-03-31 11:45

    http://www.chartjs.org/docs/#doughnut-pie-chart

    我看了一下他的demo，鼠标移上去，数据就是在饼图上显示的呀

    你的意思是指默认就显示上，是吧？

    我们用Highcharts 比较多。

    回复此楼

  • 裕波 2015-03-31 11:52

    var data = [{
    value: 300,
    color: "#F7464A",
    highlight: "#FF5A5E",
    label: "Red"
}, {
    value: 100,
    color: "#FDB45C",
    highlight: "#FFC870",
    label: "Yellow"
}]


//canvases
var chart = document.getElementById("chart").getContext("2d");

//charts
var myChart = new Chart(chart).Doughnut(data, {
    animation:false,
    showTooltips: false,
});
myChart.showTooltip(myChart.segments);

    http://stackoverflow.com/questions/28720713/chart-js-show-tooltips-on-page-load

    我觉得这个应该是你想要的。

    回复此楼

  • 裕波 2015-03-31 11:58

    什么x轴y轴翻转，你把数据反着传，不就达到你想要的效果了？

    回复此楼

  • 天问渊虹 2015-03-31 13:27

    对对对 就是这样的。多谢大大。

    Highcharts 图表昨天百度的时候看到了，我也去学一下。

    回复此楼