Javascript 单轴静态（无滑块）图表（谷歌图表或其他）？

我需要显示一系列值，如下图所示：

其思想是有一个最小值和一个最大值。我试图显示的值可能介于两者之间

我打算使用谷歌图表，它们几乎就是我想要的，但是axis-wise显示了

x

和

y

，，我似乎只想要

x

，或者可能是

y

。（用已故马克·朝圣者的话说，“我没有很好地解释这一点。”）

---

有人能告诉我如何使用这个谷歌条形图（或另一个谷歌图表）或其他什么吗？

以下是我的想法（它使用谷歌图表API中的条形图图像（如上所述），但不使用图表中的标签）：

load（“可视化”、“1”，{packages:[“imagebarchart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
//这里显示的范围为1000万（10000000）
//到2000万（20000000），使用虚拟值集
//比我们范围内的低点低1（在此
//外壳，9999999），并与
//图表的背景。将叠加虚拟值
//在我们要显示的值的顶部，并将其留空
//从0到范围开始的图表。
var data=google.visualization.arrayToDataTable([
['', ''],
[9999999, 20000000]
]);
var chart=新的google.visualization.ImageBarChart（document.getElementById（“chart_div”）；
绘制图表（数据，{showValueLabels:false，背景颜色：'#f5f5'，宽度：1000，高度：70，最小值：100000，最大值：50000000，颜色：['#f5f5'，'#008000']}）；
}

（

chart\u div

是加载页面时图表要替换的div；此代码基于中的示例。）

很明显，这个特殊的条形图并不打算以这种方式使用，但它是我能找到的最接近我想要的。我希望这能帮助有同样问题的人

<script type="text/javascript">
    google.load("visualization", "1", {packages:["imagebarchart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {

        //Here we display a range from 10 million (10000000)
        //to 20 million (20000000), using a dummy value set
        //to 1 less than the low point of our range (in this
        //case, 9999999) and with the same color as the
        //chart's background. The dummy value will be stacked
        //on top of the value we want to show and blank out
        //the chart from 0 to where our range begins.

        var data = google.visualization.arrayToDataTable([
            ['', ''],
            [9999999, 20000000]
        ]);

        var chart = new google.visualization.ImageBarChart(document.getElementById("chart_div"));
        chart.draw(data, {showValueLabels: false, backgroundColor: '#f5f5f5',  width: 1000, height: 70, min: 100000, max: 50000000, colors: ['#f5f5f5', '#008000']});
    }
</script>