w3ctech

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

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

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

请走过路过的大大指教。

前端圈微信

扫码关注前端圈微信公众号

共收到4条回复

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

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

    你的意思是指默认就显示上,是吧?

    我们用Highcharts 比较多。

    回复此楼
  • 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

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

    回复此楼
  • 什么x轴y轴翻转,你把数据反着传,不就达到你想要的效果了?

    回复此楼
  • 对对对 就是这样的。多谢大大。

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

    回复此楼